一、微信小程序图片上传说明
1.目前微信中不支持FileReader等浏览器的IO接口,没法直接读取或处理文件内容,也就没法使用分段处理上传等。
更多分段上传参考:
2.目前微信上传接口wx.uploadFile(object) 是一个https post的请求,其中content-type为multipart/form-data 方式。也就是普通的表单上传。指定文件路径,调用接口上传整个文件。
官方接口详细文档:
二、图片上传示例1
1.选择图片后,立刻上传处理
js
//选择图片 wx.chooseImage({ success: function (res) { console.info(res); //上传处理 wx.uploadFile({ url: 'http://localhost:63588/ashx/upload_form.ashx', //上传地址 filePath: res.tempFilePaths[0],//上传图片路径 success: res => { console.info(res); } }) }, })
后台正常表单方式接收
////// upload_form 的摘要说明 /// public class upload_form : IHttpHandler { public void ProcessRequest(HttpContext context) { var req = context.Request; if (req.Files.Count > 0) { //保存文件 HttpPostedFile file = req.Files[0]; file.SaveAs(@"I:\" + file.FileName); context.Response.ContentType = "text/plain"; context.Response.Write("文件接收成功"); } } public bool IsReusable { get { return false; } } }
更多: