小程序模板网

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

发布时间:2018-04-18 10:35 所属栏目:小程序开发教程

作者: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: '内容不能为空',


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/23659.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询