uniapp框架下H5上传文件

背景：

在 uniapp 开发中， uni.chooseImage 选择文件进行上传到服务器。在 app plus 的情况加可以使用 uni.uploadFile 。但是在 H5 的条件下选择文件的格式为 blob:file:///1234567777 ，没有办法使用 uni.uploadFile 。目前可以使用 XMLHttpRequest 上传。

1.先在前端写一个选择图片的区域来触发wx.chooseImage接口并用wx.setStorage接口把图片路径存起来。

-wxml <view class="shangchuan" bindtap="choose">

<image style="width:100%height:100%" src="{{tempFilePaths}}"></image>

</view>

<button formType='submit' class="fabu">发布项目</button>123456

/**选择图片 */

choose: function () {var that = this

wx.chooseImage({

count: 1,

sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有

success: function (res) {var tempFilePaths = res.tempFilePaths

that.setData({

tempFilePaths: res.tempFilePaths

})

console.log(res.tempFilePaths)

wx.setStorage({ key: "card", data: tempFilePaths[0] })

}

})

},123456789101112131415161718

2.使用wx.uploadFile将刚才上传的图片上传到服务器上12

formSubmit2: function (e) {

var that = this

var card = wx.getStorageSync('card')

wx.uploadFile({

url: app.globalData.create_funds,

filePath: card,

name: 'card',

formData: {'user_id': app.globalData.user_id,'person': e.detail.value.person,'company': e.detail.value.company,

},

success: function (res) {

console.log(res)

}

})

}

}

},

FS软件提供包括视频MP4的发布格式，能轻易将制作出来的演示文稿放到服务器。

具体步骤：1、完成演示文档的制作编辑后，选择发布类型为视频，最后演示文稿将会以MP4格式视频保存在电脑里。然后先将视频上传到服务器。

2、登陆服务器，开始写日志，点击工具栏中的“视频”按钮，会出现一个插入视频的窗口，把视频链接输入进去，点击确定，演示文档即可插进去。

---