小程序上传视频及预览含后台-微信小程序视频上传功能-微信小程序视频上传-即速应用

小程序上传视频及预览含后台-微信小程序视频上传功能-微信小程序视频上传

浏览量：3185 时间：2020-04-06 来源：北方的木

1.
上传视频，图片等都是调用wx.uploadFile，后台接口都不用改。.wxml
buttonbindtap"chooseVideo"添加视频/buttonblockwx:if"{{src!''}}"videosrc"{{src}}"/video/block2.
.js
Page({data:{src:''},//选择视频chooseVideo:function(){varthatthiswx.chooseVideo({success:function(res){that.setData({src:res.tempFilePath,})that.uploadvideo();}})},uploadvideo:function(){varsrcthis.data.src;wx.uploadFile({url:'**************/Upload',//服务器接口filePath:src,header:{'content-type':'multipart/form-data'},name:'files',success:function(res){console.log(res.data)},fail:function(){console.log('接口调用失败')}})}})3.
后台接口
[WebMethod(EnableSessiontrue)]publicvoidUpload(){//获取文件路径HttpFileCollectionfilesHttpContext.Current.Request.Files;//返回的对象初始化objectobjnull;//获取项目路径stringsPathSystem.Web.HttpContext.Current.Request.PhysicalPath;//得到上一级路径DirectoryInfodinewDirectoryInfo(string.Format(@"{0}....",sPath));stringsFilePathPath.Combine(di.FullName,"Upload",DateTime.Today.Year.ToString(),DateTime.Today.Month.ToString(),DateTime.Today.Day.ToString(),"");//不存在路径则创建该路径if(!Directory.Exists(sFilePath)){Directory.CreateDirectory(sFilePath);}foreach(stringkeyinfiles.AllKeys){HttpPostedFilefilefiles[key];//file.ContentLength文件长度if(string.IsNullOrEmpty(file.FileName)false){stringfileNamePath.GetFileName(file.FileName);//原始文件名称stringfileExtensionPath.GetExtension(fileName);//文件扩展名stringsaveNameGuid.NewGuid().ToString()+fileExtension;//保存文件名称stringfileSaveAsNamestring.Format(@"{0}{1}",sFilePath,saveName);//保存文件路径file.SaveAs(fileSaveAsName);//保存stringsUrlPath.Combine("Upload",DateTime.Today.Year.ToString(),DateTime.Today.Month.ToString(),DateTime.Today.Day.ToString(),saveName);//Url地址obj(new{resultCode"001",FileNamesaveName,Url"http://localhost:14146/"+sUrl});}elseobj(new{resultCode"003",Message"请选择要上传的文件！"});}HttpContext.Current.Response.Write(obj);}4.
结果及返回数据