全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[淮北seo公司选久澳]微信小程序中如何上传图片(代码示例)

  本篇文章给大家带来的内容是关于微信小程序中如何上传图片(代码示例)•▼◇■,有一定的参考价值◇=,有需要的朋友可以参考一下…▪◁,希望对你有所帮助。
 

  一、wxml文件

  

<••□;text>○◁▽■;上传图片<●==;/text>
<■▽-;view>
<=△▼▷;button bindtap="uploadimg"•▼;>点击选择上传图<…▪;/button>
</view>
<■-●;image src='{{source}}'■■◆▲; style='width:600rpx; height▪○:600rpx' />◇□▽●;

 

  二、js文件

  

Page({
 /**
 * 页面的初始数据
 */
 data…□: {
//初始化为空
 source:'◇△▪;'○△○◆;
 },
/**
 * 上传图片
 */
 uploadimg:function(){
 var that = this★○◁;
 wx.chooseImage({ //从本地相册选择图片或使用相机拍照
 count★◇: 1, // 默认9
 sizeType=…: ['original', 'compressed'◇▲●;], // 可以指定是原图还是压缩图▷◁○,默认二者都有
 sourceType: ['album', '△◁;camera'], // 可以指定来源是相册还是相机,默认二者都有
 success:function(res){
 //console.log(res)
 //前台显示
 that.setData({
 source★•: res.tempFilePaths
 })
 // 返回选定照片的本地文件路径列表,[淮北seo公司选久澳]tempFilePath可以作为img标签的src属性显示图片
 var tempFilePaths = res★▲.tempFilePaths
 wx▷=.uploadFile({
 url: '=▼▷☆;http://www.website▽◇○•.com/home/api/uploadimg',
 filePath: tempFilePaths[0]▪☆■▽,
 name: 'file'◇…▲•;▪◁○,

 success:function(res){
 //打印
 console.log(res.data)
 }
 })

 }
 })
 }-◁▪…,
)}

 

  三、PHP后端代码

  

// 上传图片
 public function uploadimg()
 {
 $file = request()->file('file')▲■;
 if ($file) {
 $info = $file->…•;move('public/upload/weixin/')-★;
 if ($info) {
 $file = $info->getSaveName();
 $res = ['◇□●;errCode'▲◇•;=>0◇□▼,'errMsg'=>'图片上传成功'☆•,'▼▷-△;file'=>=★□-;$file];
 return json($res)•■▽;
 }
 }

 }

 

  运行结果▽▼:
 

  console打印结果:

   此时表示上传成功!

  相关推荐☆▲•△:

  微信开发如何上传图片?
 

  微信小程序怎样使图片上传至服务器

  以上就是微信小程序中如何上传图片(代码示例)的详细内容,19 2020.10 [济南seo咨询公司服务]关于小程序 笔记向文章○-▪。欢迎和各位一起讨论。如果文章中有错误请指出。义乌市小程序制作公司 1.一些需要去取data中的变量的操作。我们可以运用ES6对象解构赋值来做简化。吕梁市小程序开发哪家好这样的方法我们不光可以在小程序中清远市小程序制作公司更多请关注久澳传媒编程栏目其它相关文章!

[淮北seo公司选久澳]微信小程序中如何上传图片(代码示例)

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。