微信小程序图片上传使用整理（一）

一、微信小程序图片上传说明

1.目前微信中不支持FileReader等浏览器的IO接口，没法直接读取或处理文件内容，也就没法使用分段处理上传等。

更多分段上传参考：https://blog.csdn.net/u011127019/article/details/52469563

2.目前微信上传接口wx.uploadFile(object) 是一个https post的请求，其中content-type为multipart/form-data 方式。也就是普通的表单上传。指定文件路径，调用接口上传整个文件。

官方接口详细文档：https://developers.weixin.qq.com/miniprogram/dev/api/network-file.html#wxuploadfileobject

二、图片上传示例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);
          }
        })
      },
    })

后台正常表单方式接收

    /// <summary>
    /// upload_form 的摘要说明
    /// </summary>
    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;
            }
        }
    }

 

更多：

小程序如何删除或隐藏头部导航栏，实现全屏

 微信小程序富文本图片处理二

微信小程序腾讯视频插件使用整理

来源：oschina

链接：https://my.oschina.net/u/2332115/blog/1926227