小程序代码

upload:function(e){

var that = this;

wx.showActionSheet({

itemList: [‘从相册选择‘,‘拍照‘],

itemColor:"#f7982a",

success:function(res){

if(!res.cancer){

if (res.tapIndex==0){

that.chooseWxImageShop(‘album‘);

} else if (res.tapIndex == 1) {

that.chooseWxImageShop(‘camera‘)

}

}

}

})

},

chooseWxImageShop: function (type) {

var that = this;

wx.chooseImage({

sizeType: [‘original‘, ‘compressed‘],

sourceType: [type],

success: function (res) {

/*上传单张

that.data.orderDetail.shopImage = res.tempFilePaths[0],

that.upload_file(API_URL + ‘shop/shopIcon‘, res.tempFilePaths[0])

*/

// 上传多张(遍历数组,一次传一张)

for (var index in res.tempFilePaths) {

that.upload_file(‘后台接口地址‘, res.tempFilePaths[index])

}

}

})

},

upload_file: function (url, filePath) {

var that = this;

wx.uploadFile({

url: url,

filePath: filePath,

name: ‘imagefile‘,

header: {

‘content-type‘: ‘multipart/form-data‘

}, // 设置请求的 header

formData: { ‘guid‘:"procomment" }, // HTTP 请求中其他额外的 form data

success: function (res) {

console.log(JSON.parse(res.data).msg)

},

fail: function (res) {

}

})

}

后台代码

public String doUpload(HttpServletRequest request, HttpServletResponse response, @RequestParam(value = "imagefile", required = false) MultipartFile imagefile) throws Exception { try { String uuid = UUIDGenerator.build();String type = imagefile.getOriginalFilename().substring(imagefile.getOriginalFilename().lastIndexOf(".")).toLowerCase(); File targetFile = new File("D:/images/upload/" , uuid + type); if (!targetFile.exists()) { targetFile.mkdirs(); } imagefile.transferTo(targetFile);return uuid + type } catch (Exception e) { return "上传失败" }

java微信上传图片_微信小程序图片上传java后台(前后端代码)相关推荐

  1. 微信小程序实现上传视频功能(后端代码是java)

    微信小程序实现上传视频功能(后端代码是java) 1.前端 ​ wxml文件 <image bindtap="uploadVideo" length="3" ...

  2. java 微信图片上传_微信小程序图片上传java端以及前端实现

    小程序的图片上传与传统的图片上传方式有一些不一样 如果你有幸看到这篇文章,恭喜你,你可以完美解决了. 话不多说,前后端代码一并奉上: (基于springmvc ) @Controller @Reque ...

  3. 小程序 图片上传php后台,微信小程序图片选择、上传到服务器、预览(PHP)实现实例...

    微信小程序图片选择.上传到服务器.预览(php)实现实例 小程序实现选择图片.预览图片.上传到开发者服务器上 后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用 ...

  4. **微信小程序图片上传+后台PHP修改图片名称**

    微信小程序图片上传+后台PHP修改图片名称 前端代码:比较随意 <view class="weui-uploader"><view class="img ...

  5. 微信小程序图片上传九宫格拖拽组件

    微信小程序图片上传&九宫格拖拽组件 前言 图片上传加九宫格拖拽是一个比较常用的组件,常用于发帖或者评论等内容上传模块,我这篇九宫格拖拽的思路是借鉴了一款优雅的小程序拖拽排序组件实现这篇文章 实 ...

  6. 小程序图片上传和Promise.all

    之前写过一篇ES6异步处理方式: Promise / async await,对Promise和async await 有了简单的理解,但后来才发现我的理解太浅了,只是记录了基本知识而已. 在上家公司 ...

  7. 微信小程序图片上传和预览以及取消上传图片案例

    前言: 做小程序项目遇到一个需求,就是上传图片和预览,以及取消指定的图片,其实这个功能挺好搞的,借助微信官方的API结合实现,只不过注意一点细节.不多说了直接上代码和效果图.大家可以直接复制我的代码进 ...

  8. 微信小程序图片上传到服务器再自动替换,微信小程序批量上传图片到服务器,并实现预览,删除功能...

    js代码 Page({ /** 页面的初始数据 / data: { files: [], //门店图片信息,数组图片保存作为数据源 }, /* 多图片上传 */ chooseImage: functi ...

  9. 微信小程序图片上传(文字识别)

    要点:OCR文字识别 图片上传 在最近的项目中遇到需要进行OCR识别,中间遇到的坑记录一下 OCR接口:采用百度OCR通用文字识别 在进行调试过程中遇到下列问题: 百度ocr接口1.对图片经行base ...

最新文章

  1. 随机森林 java_机器学习weka,java api调用随机森林及保存模型
  2. 晶圆缺陷检测设备_KLA突破电子束晶圆缺陷检测瓶颈,将助EUV光刻机一臂之力
  3. Centos7下Confluence5.6.6安装
  4. KCC创建复制拓扑失败-故障处理
  5. Laravel 使用 scout 集成 elasticsearch 做全文搜索
  6. 95-080-058-源码-启动-启动taskexecutor
  7. flink源码分析_Flink源码分析之深度解读流式数据写入hive
  8. c语言将整数的各个位数的数字分别提取_C语言学习:单位转换问题的一些思路...
  9. POJ 1141 Brackets Sequence
  10. 固高运动控制卡跟随运动(Follow 运动模式)
  11. win7绕过开机密码
  12. vscode web版,走到哪用到哪
  13. Node-RED使用指南:7:配置与设定总结:其他配置
  14. 下单账户与实付账户不一致_如何保护您的不一致帐户
  15. 解决右键点击文件反应很慢 (可解决文件夹,以及各种exe,快捷方式,图片,txt等文件) 【亲测有效】
  16. python黑魔法指南_python黑魔法一天从那个入门到进阶
  17. 科技查新网站有哪些?
  18. NodeCache免费CDN加速-有亚太优化线路,注册赠送1T流量!
  19. minio的安装及使用
  20. 博途V17 官方开放下载链接了!!!

热门文章

  1. MyBatis框架generatorSqlmapCustom自动生成及下载方法
  2. vsc写vue生成基本代码快捷键_Vscode添加用户代码实现基础模板快速调用
  3. python分布式开发容易吗_Python能实现分布式的进程吗?
  4. Sharepoint SP1下创建自定义字段应注意的问题
  5. spring-页面模板配置
  6. VS 提示:请考虑使用 app.config 将程序集“XXX”从版本“XX”重新映射到版本“XX”,以解决冲突并消除警告。...
  7. silverlight创建新的控件——一个简单的弹出菜单
  8. XML命名空间和相关类简介
  9. 转载:Windows Mobile 开发资源(精)
  10. 基于OpenCV全景图像拼接