杭州公司建网站,网站开发设计文档模板,番禺网站建设报价,建设资格注册管理中心网站图片上传主要用到
1、wx.chooseImage(Object object)
从本地相册选择图片或使用相机拍照。
参数
Object object
属性类型默认值必填说明countnumber9否最多可以选择的图片张数sizeTypeArray.string[original, compressed]否所选的图片的尺寸sourceTypeArray.s…图片上传主要用到
1、wx.chooseImage(Object object)
从本地相册选择图片或使用相机拍照。
参数
Object object
属性类型默认值必填说明countnumber9否最多可以选择的图片张数sizeTypeArray.string[original, compressed]否所选的图片的尺寸sourceTypeArray.string[album, camera]否选择图片的来源successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数调用成功、失败都会执行
object.sizeType 的合法值
值说明最低版本original原图compressed压缩图
object.sourceType 的合法值
值说明最低版本album从相册选图camera使用相机
object.success 回调函数
参数
Object res
属性类型说明最低版本tempFilePathsArray.string图片的本地临时文件路径列表tempFilesArray.Object图片的本地临时文件列表1.2.0
res.tempFiles 的结构
属性类型说明pathstring本地临时文件路径sizenumber本地临时文件大小单位 B
wx.chooseImage({count: 1,sizeType: [original, compressed],sourceType: [album, camera],success (res) {// tempFilePath可以作为img标签的src属性显示图片const tempFilePaths res.tempFilePaths}
})
2、wx.uploadFile(Object object)
将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。
参数
Object object
属性类型默认值必填说明urlstring是开发者服务器地址filePathstring是要上传文件资源的路径namestring是文件对应的 key开发者在服务端可以通过这个 key 获取文件的二进制内容headerObject否HTTP 请求 HeaderHeader 中不能设置 RefererformDataObject否HTTP 请求中其他额外的 form datasuccessfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数调用成功、失败都会执行
object.success 回调函数
参数
Object res
属性类型说明datastring开发者服务器返回的数据statusCodenumber开发者服务器返回的 HTTP 状态码
返回值
UploadTask 基础库 1.4.0 开始支持低版本需做兼容处理。 一个可以监听上传进度进度变化的事件和取消上传的对象
示例代码
wx.chooseImage({success (res) {const tempFilePaths res.tempFilePathswx.uploadFile({url: https://example.weixin.qq.com/upload, //仅为示例非真实的接口地址filePath: tempFilePaths[0],name: file,formData: {user: test},success (res){const data res.data//do something}})}
})
小程序案例 .wxml 文件
view
button bindtapphoto typewarn stylewidth:50%; margin:50rpx auto选择图片/button
/view
.js 文件
1单图上传 photo: function (e) {wx.chooseImage({count: 1, //默认上传个数sizeType: [original, compressed],sourceType: [album],success(res) {// tempFilePath可以作为img标签的src属性显示图片var albumPaths res.tempFilePaths[0]console.log(图片地址名称 albumPaths);wx.uploadFile({url: app.appUrl img,filePath: albumPaths,name: img,formData: {nickName: 123,//其他参数openid: xxssdazcs5gxxxaa,//其他参数},success(res) {console.log(res)}})}})},
2多图上传相比单图上传多了个for遍历 photo: function (e) {wx.chooseImage({count: 3,//默认上传个数sizeType: [original, compressed],sourceType: [album],success(res) {// tempFilePath可以作为img标签的src属性显示图片var albumPaths res.tempFilePathsfor (var i 0; i albumPaths.length; i) {console.log(图片地址名称 albumPaths[i]);wx.uploadFile({url: app.appUrl img,filePath: albumPaths[i],name: img,formData: {nickName: 123,//其他参数openid: xxssdazcs5gxxxaa,//其他参数},success(res) {console.log(res)}})}}})},
后端代码
public function img(){$file request()-file(img);$info $file-move(ROOT_PATH . public . DS . static/uploads/ceshi);
}
