微客导航 » 文章资讯 » vue.js异步上传文件前后端实现代码

vue.js异步上传文件前后端实现代码

2023-09-26 00:40:08 337

本文实例为大家分享了vue.js异步上传文件的具体代码，供大家参考，具体内容如下

上传文件前端代码如下：














上传
{{result}}
正在上传中

后端处理代码如下asp.netmvc的：

publicActionResultUp()
{
stringmsg=string.Empty;
stringerror=string.Empty;
stringresult=string.Empty;
stringfilePath=string.Empty;
stringfileNewName=string.Empty;
varfiles=Request.Files;
if(files.Count>0)
{
//设置文件名
fileNewName=DateTime.Now.ToString("yyyyMMddHHmmssff")+"_"+System.IO.Path.GetFileName(files[0].FileName);
//保存文件
files[0].SaveAs(Server.MapPath("~/Uploads/"+fileNewName));
Thread.Sleep(10*1000);
}
returnJson(new{msg="上传成功",newfilename=fileNewName},JsonRequestBehavior.AllowGet);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

vue.js异步上传文件前后端实现代码

热门推荐

随机推荐