微信小程序实现图片上传功能:小程序上传图片,完整版,PHP,源码
php设计:自动创建文件夹随机文件名,返回json
$file = request()->file('file');
if($file){
$info = $file->move('public/upload/weixin/');
if($info){//微信9693312
$file = $info->getSaveName();
echo '{"file":"'.$file.'"}';
}
}
//地址为:http://域名/public/upload/weixin/返回的路径
<text>上传图片</text>
<view>
<button bindtap="uploadimg">点击选择上传图</button>
</view>
<image src='{{source}}' style='width:600rpx; height:600
Page({
data: { //初始化为空
source: ''
},
/**
* 上传图片
*/
uploadimg: function () {
var that = this;//微信:9693312
wx.chooseImage({ //从本地相册选择图片或使用相机拍照
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
//前台显示
that.setData({
source: res.tempFilePaths
})
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths
wx.uploadFile({
url: 'http://域名/index.php/xcx/sc_txl?mod=chuan',
filePath: tempFilePaths[0],
name: 'file',
success: function (res) {
console.log(res.data)
}
})
}
})
}
})
rpx' />