欢迎光临,了解微信小程序开发,就上易用通!

微信小程序图片选择、上传到服务器、预览(PHP)

发布:2018-04-18 10:35浏览: 来源:网络 作者:cola

作者:Y-J-Le,来自原文地址 
小程序实现选择图片、预览图片、上传到开发者服务器上

后台使用的tp3.2 图片上传 
请求时候的header参考时可以去掉(个人后台验证权限使用)

 

小程序前端代码:

 

				
  1. <view class="section">
  2. <form bindsubmit="bindFormSubmit">
  3. <textarea placeholder="请输入问题内容" name="content"/>
  4.  
  5.  
  6. <view class="">
  7. 选择提问图片: <label bindtap="checkimg">点击选择图片</label>
  8. </view>
  9. <view class="">
  10. <image wx:for="{{imglist}}" mode="aspectFit" bindtap="ylimg" data-src="{{item}}" style="width:75px;height:75px;" src="{{item}}"></image>
  11. </view>
  12. <button form-type="submit"> 提交 </button>
  13. </form>
  14. </view>
 

小程序js代码:

 

				
  1. data: {
  2. imglist:[]
  3. },
  4. /**
  5. * form提交事件
  6. */
  7. bindFormSubmit:function(e){
  8. self=this
  9. //图片
  10. var imglist = self.data.imglist
  11. //提问内容
  12. var content=e.detail.value.content;
  13. if(content==''){
  14. wx.showToast({
  15. title: '内容不能为空',





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。