Python Flask小程序文件（圖片）上傳技巧
發布時間：2018-02-06 14:48 所屬欄目：小程序開發教程
答應管理員，自己挖的坑自己填...
最近剛好要做一個圖片處理的小程序，
后臺依然是強大無比的Python Flask，
文件上傳小程序也采用multipart/form-data，
后端上無縫銜接，
但小程序前端卡了幾分鐘，淚奔！
下面就是小程序端的源碼：
//點擊選擇圖片
tapImage: function (e) {
var that= this
wx.chooseImage({
success: function (res) {
var tempFilePaths = res.tempFilePaths
that.setData({
filePath: tempFilePaths[0] //保存圖片路徑
})
console.log(tempFilePaths[0])
}
})
},
|
// 點擊瀏覽
showImage(){
wx.previewImage({
current: '', // 當前顯示圖片路徑
urls: [this.data.filePath] // 需要預覽圖片的路徑
})
},
//上傳文件
upload_data(){
var filePath = this.data.filePath
wx.getImageInfo({
src: filePath,
success: function (res) {
console.log(res.width)
console.log(res.height)
if (res.width != 600 && res.height !=900){
console.log('圖片大小非600*900')
}
else{
console.log('準備上傳...')
wx.uploadFile({
url: 'http://example.weixin.qq.com/upload', //接口地址
filePath: filePath,//文件路徑
name: 'file',//文件名，不要修改，Flask直接讀取
formData: {
'user': 'test'
}, // 其他表單數據，如地理位置、標題、內容介紹等
success: function (res) {
var data = res.data
console.log('上傳成功...')
}
})
}
}
})
},
|
