找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-4-18 10:34 175人关注

作者:Y-J-Le,来自原文地址 小程序实现选择图片、预览图片、上传到开发者服务器上 后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用) 小程序前端代码

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


路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)