{"id":136,"date":"2017-04-15T14:00:08","date_gmt":"2017-04-15T06:00:08","guid":{"rendered":"http:\/\/av16874667.imwork.net:13582\/?p=136"},"modified":"2017-04-15T14:00:08","modified_gmt":"2017-04-15T06:00:08","slug":"%e5%be%ae%e4%bf%a1sdk-%e5%9b%be%e7%89%87%e5%8a%a8%e6%80%81%e6%b7%bb%e5%8a%a0%e5%88%a0%e9%99%a4%e7%ad%89%e7%ad%89","status":"publish","type":"post","link":"https:\/\/www.dd-home.top\/?p=136","title":{"rendered":"\u5fae\u4fe1SDK \u56fe\u7247\u52a8\u6001\u6dfb\u52a0\u5220\u9664\u7b49\u7b49"},"content":{"rendered":"<p><!--more--><\/p>\n<p>1.\u6dfb\u52a0\u4e00\u4e2a\u56fe\u7247\u7684\u5bb9\u5668,\u9ed8\u8ba4\u6709\u4e00\u5f20&#8221;\u6dfb\u52a0&#8221;\u7684\u56fe\u7247<\/p>\n<pre class=\"brush:html;toolbar:false\">&lt;div\u00a0id=\"uploader-demo\"\u00a0style=\"margin:\u00a00.5em\u00a00;\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0class=\"uploader-list\"\u00a0id=\"fileList\"&gt;\n\t&lt;table\u00a0style=\"width:\u00a0100%;\"&gt;\n\t\u00a0\u00a0\u00a0\u00a0&lt;tr\u00a0id=\"div_table\"\u00a0class=\"container_12\"&gt;\n\t\t&lt;td\u00a0class=\"grid_3\"&gt;\n\t\t\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0class=\"file-item\u00a0thumbnail\"\u00a0style=\"margin:\u00a0auto;\"&gt;\n\t\t\t&lt;img\u00a0class=\"file-item-add\"\u00a0src=\"${pageContext.request.contextPath}\/images\/weixin\/icon_addpic.png\"&gt;\u00a0&lt;img\u00a0class=\"file-item-close\"\u00a0style=\"display:\u00a0none;\"\u00a0src=\"${pageContext.request.contextPath}\/images\/weixin\/uploadimg_cancel.png\"&gt;\u00a0&lt;input\u00a0class=\"file-item-input\"\u00a0type=\"text\"\u00a0name=\"pics\"\u00a0value=\"\"\u00a0data-role=\"none\"\u00a0style=\"display:\u00a0none;\"&gt;\n\t\t\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\n\t\t&lt;\/td&gt;\n\t\u00a0\u00a0\u00a0\u00a0&lt;\/tr&gt;\n\t&lt;\/table&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\n&lt;\/div&gt;<\/pre>\n<p>2.JS\u4ee3\u7801,\u4e2d\u95f4\u6709\u4e00\u5927\u6bb5\u662f\u5fae\u4fe1sdk\u548cAJAX\u56fe\u7247\u4e0a\u4f20\u529f\u80fd<\/p>\n<pre class=\"brush:js;toolbar:false\">\/***************************\u56fe\u7247\u5904\u7406********************************\/\nvar\u00a0strImg\u00a0=\u00a0\"&lt;td\u00a0class='grid_3'&gt;&lt;div\u00a0class='file-item\u00a0thumbnail'\u00a0id='pic1'\u00a0style='margin:\u00a0auto;'&gt;&lt;img\u00a0class='file-item-add'\u00a0src='${pageContext.request.contextPath}\/images\/weixin\/icon_addpic.png'&gt;\u00a0&lt;img\u00a0class='file-item-close'\u00a0style='display:\u00a0none;'\u00a0src='${pageContext.request.contextPath}\/images\/weixin\/uploadimg_cancel.png'&gt;\u00a0&lt;input\u00a0class='file-item-input'\u00a0type='text'\u00a0name='pics'\u00a0data-role='none'\u00a0style='display:\u00a0none;'&gt;\u00a0&lt;\/div&gt;&lt;\/td&gt;\";\n$(document).ready(function()\u00a0{\nvar\u00a0max_size\u00a0=\u00a03;\nvar\u00a0container\u00a0=\u00a0$(\"#div_table\");\nvar\u00a0x\u00a0=\u00a0container.length;\nconsole.info(\"x---------------&gt;\"\u00a0+\u00a0x);\nvar\u00a0cur_size\u00a0=\u00a01;\n\nvar\u00a0img_size\u00a0=\u00a00;\n\n$(\"body\").on(\"click\",\u00a0\".file-item-add\",\u00a0function(e)\u00a0{\n\tvar\u00a0nodeCur\u00a0=\u00a0$(this);\n\timages.localId\u00a0=\u00a0[];\n\twx.chooseImage({\n\t\tcount\u00a0:\u00a01,\n\t\tsuccess\u00a0:\u00a0function(res)\u00a0{\n\t\t\talert(\"\u786e\u8ba4\u4e0a\u4f20?\");\n\t\t\tif\u00a0(res.localIds.length\u00a0&gt;\u00a01)\u00a0{\n\t\t\t\talert(\"\u8bf7\u60a8\u9009\u62e9\u5355\u5f20\u56fe\u7247...\");\n\t\t\t}\u00a0else\u00a0if\u00a0(res.localIds.length\u00a0==\u00a00)\u00a0{\n\t\t\t\talert(\"\u60a8\u6ca1\u6709\u9009\u62e9\u56fe\u7247...\");\n\t\t\t}\u00a0else\u00a0{\n\t\t\t\timages.localId\u00a0=\u00a0res.localIds;\n\t\t\t\twx.uploadImage({\n\t\t\t\t\tlocalId\u00a0:\u00a0images.localId[0],\n\t\t\t\t\tsuccess\u00a0:\u00a0function(res)\u00a0{\n\t\t\t\t\t\t$.ajax({\n\t\t\t\t\t\t\ttimeout\u00a0:\u00a010000,\n\t\t\t\t\t\t\turl\u00a0:\u00a0'${pageContext.request.contextPath}\/weixin\/parse.do?method=downloadFile',\n\t\t\t\t\t\t\ttype\u00a0:\u00a0'post',\n\t\t\t\t\t\t\tdata\u00a0:\u00a0'mediaID='\u00a0+\u00a0res.serverId\u00a0+\u00a0'&amp;type=image',\n\t\t\t\t\t\t\tdataType\u00a0:\u00a0'json',\n\t\t\t\t\t\t\tbeforeSend\u00a0:\u00a0function()\u00a0{\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror\u00a0:\u00a0function(XMLHttpRequest,\u00a0textStatus,\u00a0errorThrown)\u00a0{\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tsuccess\u00a0:\u00a0function(data)\u00a0{\n\t\t\t\t\t\t\t\tif\u00a0(data.success_code\u00a0==\u00a0200)\u00a0{\n\t\t\t\t\t\t\t\t\tnodeCur.attr(\"src\",\u00a0data.msg);\n\t\t\t\t\t\t\t\t\tnodeCur.siblings(\".file-item-close\").css('display',\u00a0'block');\n\t\t\t\t\t\t\t\t\tnodeCur.parent().find(\"input\").val(data.msg);\n\t\t\t\t\t\t\t\t\tconsole.info(data.msg);\n\t\t\t\t\t\t\t\t\tvar\u00a0next_node\u00a0=\u00a0$(this).parents(\".grid_3\").next().html();\n\t\t\t\t\t\t\t\t\tif\u00a0(x\u00a0&lt;=\u00a0max_size\u00a0&amp;&amp;\u00a0undefined\u00a0==\u00a0next_node)\u00a0{\n\t\t\t\t\t\t\t\t\t\tcur_size++;\n\t\t\t\t\t\t\t\t\t\t$(container).append(strImg);\n\t\t\t\t\t\t\t\t\t\tx++;\n\t\t\t\t\t\t\t\t\t\timg_size++;\n\t\t\t\t\t\t\t\t\t}\u00a0else\u00a0{\n\t\t\t\t\t\t\t\t\t\timg_size++;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\u00a0else\u00a0{\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\tfail\u00a0:\u00a0function(res)\u00a0{\n\t\t\t\t\t\terrorMsg('pic3');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t});\n\treturn\u00a0false;\n})\n$(\"body\").on(\"click\",\u00a0\".file-item-close\",\u00a0function(e)\u00a0{\n\tvar\u00a0nodeCur\u00a0=\u00a0$(this);\n\tif\u00a0(img_size\u00a0&lt;\u00a0x)\u00a0{\n\t\t$(this).parents(\".grid_3\").remove();\n\t\timg_size--;\n\t\tx--;\n\t}\u00a0else\u00a0if\u00a0(img_size\u00a0=\u00a0x)\u00a0{\n\t\tvar\u00a0next_node\u00a0=\u00a0$(this).parents(\".grid_3\").next().html();\n\t\tif\u00a0(undefined\u00a0==\u00a0next_node)\u00a0{\n\t\t\t$(this).siblings(\".file-item-add\").attr(\"src\",\u00a0\"${pageContext.request.contextPath}\/images\/weixin\/icon_addpic.png\");\n\t\t\tnodeCur.parent().find(\"input\").val(\"\");\n\t\t\tnodeCur.css('display',\u00a0'none');\n\t\t}\u00a0else\u00a0{\n\t\t\t$(this).parents(\".grid_3\").remove();\n\t\t\t$(container).append(strImg);\n\t\t}\n\t\timg_size--;\n\n\t}\n\treturn\u00a0false;\n})\n\n});\n\/***************************\u56fe\u7247\u5904\u7406********************************\/<\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[60],"class_list":["post-136","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-60"],"_links":{"self":[{"href":"https:\/\/www.dd-home.top\/index.php?rest_route=\/wp\/v2\/posts\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dd-home.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dd-home.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dd-home.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dd-home.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=136"}],"version-history":[{"count":0,"href":"https:\/\/www.dd-home.top\/index.php?rest_route=\/wp\/v2\/posts\/136\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dd-home.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dd-home.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dd-home.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}