{"id":31495,"date":"2024-11-25T13:01:28","date_gmt":"2024-11-25T05:01:28","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31495\/"},"modified":"2024-11-25T13:01:28","modified_gmt":"2024-11-25T05:01:28","slug":"%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%81%9a%e5%87%ba%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31495\/","title":{"rendered":"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20"},"content":{"rendered":"

\u8fd9\u6b21\u7ed9\u5927\u5bb6\u5e26\u6765\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u4e0a\u4f20\uff0c\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u7684\u6709\u54ea\u4e9b\uff0c\u4e0b\u9762\u5c31\u662f\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u8d77\u6765\u770b\u4e00\u4e0b\u3002<\/p>\n

\u5148\u6765\u770b\u4e00\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684api<\/p>\n

\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe\"<\/p>\n

\u6765\u770b\u4e00\u4e0b\u9875\u9762\u6548\u679c<\/p>\n

\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe1\"<\/p>\n

\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe2\"<\/p>\n

\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe3\"<\/p>\n

\u67e5\u770b\u5927\u56fe<\/p>\n

\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe4\"<\/p>\n

wxml\u6587\u4ef6\u4ee3\u7801\uff1a<\/p>\n

<view class=\"weui-cell\"> \r\n    <view class=\"weui-cellbd\"> \r\n     <view class=\"weui-uploader\"> \r\n      <view class=\"weui-uploaderhd\"> \r\n       <view class=\"weui-uploadertitle\">\u8425\u4e1a\u6267\u7167<\/view> \r\n       <view class=\"weui-uploaderinfo\">{{imageList.length}}\/{{count[countIndex]}}<\/view> \r\n      <\/view> \r\n      <view class=\"weui-uploaderbd\"> \r\n       <view class=\"weui-uploaderfiles\"> \r\n        <block wx:for=\"{{imageList}}\" wx:for-item=\"image\"> \r\n         <view class=\"weui-uploaderfile\"> \r\n          <image class=\"weui-uploaderimg\" src=\"{{image}}\" src=\"{{image}}\" bindtap=\"previewImage\"><\/image> \r\n         <\/view> \r\n        <\/block> \r\n       <\/view> \r\n       <view class=\"weui-uploaderinput-box\"> \r\n        <view class=\"weui-uploaderinput\" bindtap=\"chooseImage\"><\/view> \r\n       <\/view> \r\n      <\/view> \r\n     <\/view> \r\n  <\/view> \r\n<\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
js\u6587\u4ef6\u4ee3\u7801<\/p>\n
chooseImage: function () { \r\n  var that = this; \r\n  console.log('aaaaaaaaaaaaaaaaaaaa') \r\n  \r\n  wx.chooseImage({ \r\n   count: this.data.count[this.data.countIndex], \r\n   success: function (res) { \r\n    console.log('ssssssssssssssssssssssssss') \r\n    \/\/\u7f13\u5b58\u4e0b \r\n    wx.showToast({ \r\n     title: '\u6b63\u5728\u4e0a\u4f20...', \r\n     icon: 'loading', \r\n     mask: true, \r\n     duration: 2000, \r\n     success: function (ress) { \r\n      console.log('\u6210\u529f\u52a0\u8f7d\u52a8\u753b'); \r\n     } \r\n    }) \r\n \r\n    console.log(res) \r\n    that.setData({ \r\n     imageList: res.tempFilePaths \r\n    }) \r\n    \/\/\u83b7\u53d6\u7b2c\u4e00\u5f20\u56fe\u7247\u5730\u5740 \r\n    var filep = res.tempFilePaths[0] \r\n    \/\/\u5411\u670d\u52a1\u5668\u7aef\u4e0a\u4f20\u56fe\u7247 \r\n    \/\/ getApp().data.servsers,\u8fd9\u662f\u5728app.js\u6587\u4ef6\u91cc\u5b9a\u4e49\u7684\u540e\u7aef\u670d\u52a1\u5668\u5730\u5740 \r\n    wx.uploadFile({ \r\n     url: getApp().data.servsers + '\/weixin\/wx_upload.do', \r\n     filePath: filep, \r\n     name: 'file', \r\n     formData: { \r\n      'user': 'test' \r\n     }, \r\n     success: function (res) { \r\n      console.log(res) \r\n      console.log(res.data) \r\n      var sss= JSON.parse(res.data) \r\n      var dizhi = sss.dizhi; \r\n      \/\/\u8f93\u51fa\u56fe\u7247\u5730\u5740 \r\n      console.log(dizhi); \r\n      that.setData({ \r\n       \"dizhi\": dizhi \r\n      }) \r\n \r\n      \/\/do something  \r\n     }, fail: function (err) { \r\n      console.log(err) \r\n     }  \r\n      }); \r\n   } \r\n  }) \r\n }, \r\n previewImage: function (e) { \r\n  var current = e.target.dataset.src \r\n \r\n  wx.previewImage({ \r\n \r\n   current: current, \r\n   urls: this.data.imageList \r\n  }) \r\n }<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
java \u540e\u7aef\u4ee3\u7801\uff1a<\/p>\n
\/\/\u83b7\u53d6\u5f53\u524d\u65e5\u671f\u65f6\u95f4\u7684string\u7c7b\u578b\u7528\u4e8e\u6587\u4ef6\u540d\u9632\u91cd\u590d \r\n  public String dates(){ \r\n     Date currentTime = new Date(); \r\n     SimpleDateFormat formatter = new SimpleDateFormat(\"yyyyMMddHHmmss\"); \r\n     String dateString = formatter.format(currentTime); \r\n     return dateString; \r\n  } \r\n  @RequestMapping(\"wx_upload.do\") \r\n  public void uploadPicture(HttpServletRequest request, HttpServletResponse response,PrintWriter writer) throws Exception { \r\n    System.out.println(\"\u8fdb\u5165get\u65b9\u6cd5\uff01\"); \r\n  \/\/\u83b7\u53d6\u4ece\u524d\u53f0\u4f20\u8fc7\u6765\u5f97\u56fe\u7247 \r\n    MultipartHttpServletRequest req =(MultipartHttpServletRequest)request; \r\n    MultipartFile multipartFile = req.getFile(\"file\"); \r\n  \/\/\u83b7\u53d6\u56fe\u7247\u7684\u6587\u4ef6\u7c7b\u578b \r\n    String houzhu=multipartFile.getContentType(); \r\n    int one = houzhu.lastIndexOf(\"\/\"); \r\n    System.out.println(houzhu.substring((one+1),houzhu.length())); \r\n    System.out.println(multipartFile.getName()); \r\n  \/\/\u6839\u636e\u83b7\u53d6\u5230\u7684\u6587\u4ef6\u7c7b\u578b\u622a\u53d6\u51fa\u56fe\u7247\u540e\u7f00 \r\n    String type=houzhu.substring((one+1),houzhu.length()); \r\n    System.out.println(multipartFile.getContentType()); \r\n \r\n    String filename; \r\n  \/\/ request.getRealPath\u83b7\u53d6\u6211\u4eec\u9879\u76ee\u7684\u6839\u5730\u5740\u5728\u52a0\u4e0a\u6211\u4eec\u8981\u4fdd\u5b58\u7684\u5730\u5740 \r\n    String realPath = request.getRealPath(\"\/upload\/wximg\/\"); \r\n    try { \r\n      File dir = new File(realPath); \r\n      if (!dir.exists()) { \r\n        dir.mkdir(); \r\n      } \r\n      \/\/\u83b7\u53d6\u5230\u5f53\u524d\u7684\u65e5\u671f\u65f6\u95f4\u7528\u6237\u751f\u6210\u6587\u4ef6\u540d\u9632\u6b62\u6587\u4ef6\u540d\u91cd\u590d \r\n      String filedata=this.dates(); \r\n    \/\/\u751f\u6210\u4e00\u4e2a\u968f\u673a\u6570\u6765\u9632\u6b62\u6587\u4ef6\u540d\u91cd\u590d \r\n      int x=(int)(Math.random()*1000); \r\n      filename=\"zhongshang\"+x+filedata; \r\n      System.out.println(x); \r\n    \u5c06\u6587\u4ef6\u7684\u5730\u5740\u548c\u751f\u6210\u7684\u6587\u4ef6\u540d\u62fc\u5728\u4e00\u8d77 \r\n      File file = new File(realPath,filename+\".\"+type); \r\n      multipartFile.transferTo(file); \r\n    \/\/\u5c06\u56fe\u7247\u5728\u9879\u76ee\u4e2d\u7684\u5730\u5740\u548cisok\u72b6\u6001\u50a8\u5b58\u4e3ajson\u683c\u5f0f\u8fd4\u56de\u7ed9\u524d\u53f0\uff0c\u7531\u4e8e\u516c\u53f8\u9879\u76ee\u4e2d\u6ca1\u6709fastjson\u53ea\u80fd\u7528\u8fd9\u4e2a \r\n      JSONObject jsonObject=new JSONObject(); \r\n      jsonObject.put(\"isok\",1); \r\n      jsonObject.put(\"dizhi\",\"\/upload\/wximg\/\"+filename+\".\"+type); \r\n \r\n      writer.write(jsonObject.toString()); \r\n    } catch (IOException e) { \r\n      e.printStackTrace(); \r\n    } catch (IllegalStateException e) { \r\n      e.printStackTrace(); \r\n    } \r\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u6765\u770b\u4e00\u4e0b\u4e4b\u524d\u5728\u524d\u7aefjs\u8f93\u51fa\u7684\u5185\u5bb9\uff1a<\/p>\n
\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe5\"<\/p>\n
\u6253\u5f00\u6d4f\u89c8\u5668\u7528\u6211\u4eec\u7684\u670d\u52a1\u5668\u7684\u5730\u5740\u52a0\u4e0a\u540e\u53f0\u8fd4\u56dejson\u7684dizhi\u5b57\u6bb5\u53bb\u8bbf\u95ee\u8fd9\u5f20\u56fe\u7247<\/p>\n
\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe6\"<\/p>\n
\u6211\u4eec\u53ef\u4ee5\u770b\u5230\u56fe\u7247\u5df2\u7ecf\u586b\u5165\u6211\u4eec\u7684\u670d\u52a1\u5668\u7aef\u91cc\u4e86\uff0c\u7136\u540e\u5728\u6253\u5f00\u6211\u4eec\u670d\u52a1\u5668\u7aef\u9879\u76ee\u6839\u5730\u5740\u4e0b\u9762\u7684\/upload\/wximg<\/p>\n
\"\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u63d2\u56fe7\"<\/p>\n
\u5230\u8fd9\u91cc\u5c31\u5927\u529f\u544a\u6210\u4e86\u5982\u679c\u662f\u591a\u5f20\u56fe\u7247\u4e0a\u4f20\u53ef\u4ee5\u5728js\u91cc\u9762\u6839\u636e\u8981\u4e0a\u4f20\u7684\u6570\u91cf\u5faa\u73af\u4e0a\u4f20\u3002<\/p>\n
\u76f8\u4fe1\u770b\u4e86\u672c\u6587\u6848\u4f8b\u4f60\u5df2\u7ecf\u638c\u63e1\u4e86\u65b9\u6cd5\uff0c\u66f4\u591a\u7cbe\u5f69\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n
\u63a8\u8350\u9605\u8bfb\uff1a<\/p>\n
<\/p>\n
<\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8fd9\u6b21\u7ed9\u5927\u5bb6\u5e26\u6765\u5982\u4f55\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u4e0a\u4f20\uff0c\u4f7f\u7528\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u505a\u51fa\u56fe\u7247\u4e0a\u4f20\u7684\u6709\u54ea\u4e9b\uff0c\u4e0b\u9762\u5c31\u662f\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u8d77\u6765\u770b\u4e00\u4e0b\u3002 \u5148\u6765\u770b\u4e00\u4e0b\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u7684api \u6765\u770b\u4e00\u4e0b\u9875\u9762\u6548\u679c \u67e5\u770b\u5927\u56fe wxml\u6587\u4ef6\u4ee3\u7801\uff1a <view class=”weui-cell”> <view class=”weui-cellbd”> <view class=”weui-uploader”> <view class=”weui-uploaderhd”> <view class=”weui-uploadertitle”>\u8425\u4e1a\u6267\u7167<\/view> <view class=”weui-uploaderinfo”>{{imageList.length}}\/{{count[countIndex]}}<\/view> <\/view> <view class=”weui-uploaderbd”> <view class=”weui-uploaderfiles”> <block wx:for=”{{imageList}}” wx:for-item=”image”> <view class=”weui-uploaderfile”> <image class=”weui-uploaderimg” src=”{{image}}” src=”{{image}}” bindtap=”previewImage”><\/image> <\/view> <\/block> <\/view> <view class=”weui-uploaderinput-box”> <view class=”weui-uploaderinput” bindtap=”chooseImage”><\/view> <\/view> <\/view> <\/view> <\/view> <\/view> \u767b\u5f55\u540e\u590d\u5236 js\u6587\u4ef6\u4ee3\u7801 chooseImage: function () { var that = this; […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31495","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31495"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31495\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}