E企盈营销工具技术服务商 热线:4006-838-530

小程序上传文件demo

E企盈直播平台营销卖货系统

上传图片的方法  主要注意几个关键参数: url、filePath、namefilePath 是一个本地的文件资源路径,可以通过wx.chooseImage来获取,下面会有具体的示例upload: function () {    var that = this;    wx.uploadFile({      url: ‘https://{{url}}/upload’,      filePath: that.data.imgSrc,      name: ‘tupian’,      formData: {        ‘filename’: ‘test.png’      },      success: function (res) {        var data = res.data        if (data) {            wx.showToast({                title: ‘上传成功’,                icon: ‘success’,                duration: 2000            })            that.setData({              imgUrl: data            })        }      }    })}还可以显示文件上传的进度,具体用法见最下面的api后台接收文件的controller这里是java的代码,其它语言请自行编写@RequestMapping(value = “upload”)@ResponseBodypublic String upload(        @RequestParam(value = “tupian”, required = true) MultipartFile file,        HttpServletRequest request) {    try {        if (!file.isEmpty()) {            String originalFilename = file.getOriginalFilename();            String fileNameSuffix = originalFilename.substring(originalFilename.lastIndexOf(“.”));//                统一为小写            fileNameSuffix = fileNameSuffix.toLowerCase();            String uuid = UUID.randomUUID().toString();            String tempFileName = uuid + fileNameSuffix;//              临时存储路径            String videoPath = “/tmp/”;//              暂存            file.transferTo(new File(videoPath + tempFileName));//              临时文件            File tempFile = new File(videoPath + tempFileName);//              上传至文件服务器,并得到对应的url            String url = “”;            return url;        }    } catch (Exception e) {        e.printStackTrace();    } finally {    }    return null;}选择图片并得到它的资源路径choose: function () {    var that = this;    wx.chooseImage({      count: 1, // 默认9      sizeType: [‘original’, ‘compressed’], // 可以指定是原图还是压缩图,默认二者都有      sourceType: [‘album’, ‘camera’], // 可以指定来源是相册还是相机,默认二者都有      success: function (res) {        // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片        var tempFilePaths = res.tempFilePaths        console.log(tempFilePaths)        that.setData({          imgSrc: tempFilePaths[0]        })      }    })  }wxml布局文件button bindtap=’choose’ 请选择一张图片 /buttonimage src='{{imgSrc}}’/imagebutton bindtap=’upload’ 上传 /buttonimage src='{{imgUrl}}’/image页面的初始数据data: {    imgSrc: ”,    imgUrl: ”}下面是官方提供的api文档

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序上传文件demo
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏