{"id":7765,"date":"2019-11-09T16:40:05","date_gmt":"2019-11-09T08:40:05","guid":{"rendered":"https:\/\/sdeno.com\/?p=7765"},"modified":"2020-02-26T18:24:56","modified_gmt":"2020-02-26T10:24:56","slug":"%e5%be%ae%e4%bf%a1%e5%86%85%e7%bd%ae%e6%b5%8f%e8%a7%88%e5%99%a8%e6%89%93%e5%bc%80h5%e9%a1%b5%e9%9d%a2%e4%b8%8a%e4%bc%a0%e5%9b%be%e7%89%87","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=7765","title":{"rendered":"\u5fae\u4fe1\u5185\u7f6e\u6d4f\u89c8\u5668\u6253\u5f00h5\u9875\u9762\u4e0a\u4f20\u56fe\u7247"},"content":{"rendered":"<p>\u5fae\u4fe1 jssdk \u5fae\u4fe1\u5185 \u4e0a\u4f20<\/p>\n<p>&nbsp;<\/p>\n<pre>&lt;input type=\"file\" class=\"opacity0\" accept=\"image\/*\"&gt; \/\/\u5fae\u4fe1\u5185\u90e8\u4f7f\u7528\uff0c\u5916\u90e8\u4f7f\u7528accept=\"images\/*\"<\/pre>\n<p>&nbsp;<\/p>\n<p>\u6216\u8005<\/p>\n<p>&nbsp;<\/p>\n<p>\u7528\u5fae\u4fe1\u6253\u5f00h5\u9875\u9762\uff0c\u76f4\u63a5\u4f7f\u7528\u4ee5\u4e0binput\u662f\u4e0d\u5141\u8bb8\u4e0a\u4f20\u56fe\u7247\u7684\u3002\u76f4\u63a5\u4f7f\u7528\u5fae\u4fe1\u63d0\u4f9b\u7684jssdk\uff0c\u53bb\u8c03\u7528\u5fae\u4fe1\u5185\u90e8\u7684\u65b9\u6cd5\u624d\u80fd\u4e0a\u4f20<\/p>\n<pre>&lt;input type=\"file\" accept=\"images\/*\"&gt;  \/\/\u5fae\u4fe1\u5185\u7f6e\u6d4f\u89c8\u5668\u662f\u4e0d\u5141\u8bb8\u7528\u8fd9\u6837\u76f4\u63a5\u4e0a\u4f20\u56fe\u7247\uff0c\u5751<\/pre>\n<p><a href=\"https:\/\/developers.weixin.qq.com\/doc\/offiaccount\/OA_Web_Apps\/JS-SDK.html\" target=\"_blank\" rel=\"noopener\">https:\/\/developers.weixin.qq.com\/doc\/offiaccount\/OA_Web_Apps\/JS-SDK.html<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>html:<\/p>\n<pre>&lt;button @click=\"selectimg\"&gt;\u9009\u62e9\u56fe\u7247&lt;\/button&gt;\r\n&lt;button @click=\"upimg\"&gt;\u4e0a\u4f20&lt;\/button&gt;\r\n&lt;img id=\"img11\" src=\"\"&gt; &lt;!--\u9884\u89c8\u56fe\u7247--&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u8fd9\u91cc\u663e\u793a\u4e0a\u4f20\u9700\u8981\u7684\u90e8\u5206\u4ee3\u7801\uff1a<\/p>\n<pre>jsApiList: [\r\n 'chooseImage',\r\n 'uploadImage',\r\n 'getLocalImgData',\r\n 'downloadImage',\r\n]<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre>selectimg:function(){  \/\/\u9009\u62e9\u8981\u4e0a\u4f20\u56fe\u7247\r\n  var self=this;\r\n  wx.chooseImage({\r\n    count: 9, \/\/ \u9ed8\u8ba49\r\n    sizeType: ['original', 'compressed'],\r\n    sourceType: ['album', 'camera'],\r\n    success: function (res) {\r\n     \/\/ Tools.dialog.alert(res.localIds[0]);\r\n       self.wxid=res.localIds;\r\n       Tools.dialog.alert(self.wxid);\r\n\r\n    }\r\n  });\r\n},\r\n\r\n\r\nupimg:function(){\r\n  var self=this;\r\n  wx.uploadImage({   \/\/\u4e0a\u4f20\u56fe\u7247\r\n    localId: self.wxid.toString(),\r\n    isShowProgressTips: 1,\r\n    success: function (res) {\r\n\r\n\r\n      wx.downloadImage({   \/\/\u4e0b\u8f7d\u56fe\u7247\r\n        serverId: res.serverId,\r\n        isShowProgressTips: 1,\r\n        success: function (ress) {\r\n\r\n\r\n            wx.getLocalImgData({  \/\/\u83b7\u53d6\u56fe\u7247\r\n              localId: ress.localId, \/\/ \u56fe\u7247\u7684localID\r\n              success: function (res) {\r\n                var localData = 'data:image\/jpg;base64,'+res.localData; \/\/ localData\u662f\u56fe\u7247\u7684base64\u6570\u636e\uff0c\u53ef\u4ee5\u7528img\u6807\u7b7e\u663e\u793a\r\n                \/\/Tools.dialog.alert(localData)\r\n                $('#img11').attr({src:localData});\r\n              }\r\n            });\r\n\r\n        }\r\n      });\r\n\r\n\r\n    }\r\n  });\r\n},<\/pre>\n<p>&nbsp;<\/p>\n<p>\u76f8\u5173\u6587\u7ae0\uff1a<\/p>\n<p>\u300a<a href=\"https:\/\/sdeno.com\/?p=7624\" target=\"_blank\" rel=\"noopener\">\u5fae\u4fe1jssdk\u6388\u6743\u7b7e\u540d\u4ee5\u53caconfig\u914d\u7f6e<\/a>\u300b<\/p>\n<p>\u300a<a href=\"https:\/\/sdeno.com\/?p=7529\" target=\"_blank\" rel=\"noopener\">\u5fae\u4fe1\u516c\u4f17\u53f7\u6388\u6743\u7b2c\u4e09\u65b9 OAuth2.0<\/a>\u300b<\/p>\n<p>&nbsp;<\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5fae\u4fe1 jssdk \u5fae\u4fe1\u5185 \u4e0a\u4f20 &nbsp; &lt;input type=&#8221;file&#8221; class=&#8221;opa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-7765","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/7765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7765"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/7765\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}