{"id":1344,"date":"2019-05-08T18:45:44","date_gmt":"2019-05-08T10:45:44","guid":{"rendered":"http:\/\/www.iooe.cn\/?p=1344"},"modified":"2019-05-08T18:47:52","modified_gmt":"2019-05-08T10:47:52","slug":"%e5%9c%a8%e4%bc%81%e4%b8%9a%e5%be%ae%e4%bf%a1%e4%b8%8e%e5%be%ae%e4%bf%a1%e4%b8%ad%e8%b0%83%e7%94%a8wx-previewimage-%e6%96%b9%e6%b3%95%e6%97%b6%e9%81%87%e5%88%b0%e7%9a%84%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"http:\/\/www.iooe.cn\/index.php\/2019\/05\/08\/%e5%9c%a8%e4%bc%81%e4%b8%9a%e5%be%ae%e4%bf%a1%e4%b8%8e%e5%be%ae%e4%bf%a1%e4%b8%ad%e8%b0%83%e7%94%a8wx-previewimage-%e6%96%b9%e6%b3%95%e6%97%b6%e9%81%87%e5%88%b0%e7%9a%84%e9%97%ae%e9%a2%98\/","title":{"rendered":"\u5728\u4f01\u4e1a\u5fae\u4fe1\u4e0e\u5fae\u4fe1\u4e2d\u8c03\u7528wx.previewImage \u65b9\u6cd5\u65f6\u9047\u5230\u7684\u95ee\u9898"},"content":{"rendered":"<p>\n\t\u95ee\u9898\uff1a \u4f01\u4e1a\u5fae\u4fe1\u4e2d &nbsp;\u6b63\u5e38\u663e\u793a\u56fe\u7247\uff0c \u5fae\u4fe1\u4e2d\u4f1a\u5361\u6b7b\u9ed1\u5c4f\uff0c\u5fc5\u987b\u7ed3\u675f\u5fae\u4fe1\u624d\u80fd\u7ee7\u7eed\u7528\n<\/p>\n<p>\n\t<a href=\"http:\/\/www.iooe.cn\/wp-content\/uploads\/2019\/05\/9625d133-628c-4ed6-a5b6-9ea99892e70a-1.jpg\" rel=\"\" target=\"\" title=\"\"><img loading=\"lazy\" alt=\"\" height=\"768\" src=\"http:\/\/www.iooe.cn\/wp-content\/uploads\/2019\/05\/9625d133-628c-4ed6-a5b6-9ea99892e70a-1.jpg\" title=\"\" width=\"432\" \/><\/a>\n<\/p>\n<p>\n\t&nbsp;\n<\/p>\n<p>\n\t\u4ee3\u7801\uff1a&nbsp;\n<\/p>\n<p>\n\t&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(function() {<br \/>\n\t&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; FastClick.attach(document.body);<br \/>\n\t&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/\u56fe\u7247\u9884\u89c8<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;$(&quot;.img_prev&quot;).click(function(){<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var hosts = window.location.host;&nbsp;<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;var url =&quot;http:\/\/&quot;+hosts+$(this).attr(&quot;src&quot;);<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;var arr = Array();<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;var urls =$(&quot;#img_prev&quot;).children(&quot;img&quot;).each(function(index){<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var temp = &quot;http:\/\/&quot;+hosts+$(this).attr(&quot;src&quot;);<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;arr.push(temp);<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;});<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;wx.previewImage({<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;current:encodeURI(url), \/\/ \u5f53\u524d\u663e\u793a\u56fe\u7247\u7684http\u94fe\u63a5<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;urls: arr \/\/ \u9700\u8981\u9884\u89c8\u7684\u56fe\u7247http\u94fe\u63a5\u5217\u8868<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;});<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;});<br \/>\n\t&nbsp;<br \/>\n\t&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });<br \/>\n\t&nbsp; &nbsp; &nbsp; &nbsp; &lt;\/script&gt;\n<\/p>\n<p>\n\t&nbsp;\n<\/p>\n<p>\n\t\u95ee\u9898\u603b\u7ed3\uff1a\n<\/p>\n<p>\n\t&nbsp; \u603b\u7ed3\uff1a 1. \u4f01\u4e1a\u5fae\u4fe1\u4e2d urls\uff0c \u6570\u7ec4\u4e2d\u53ef\u4ee5\u4e0d\u4f20\uff0c \u6216\u4f20\u4e0d\u6b63\u786e\u7684\u90fd\u4e0d\u5f71\u54cdcurrent\u4e2d\u7684\u6b63\u786e\u7684\u5730\u5740 &nbsp;2. \u5fae\u4fe1\u4e2d\u4e0d\u53ef\u4ee5\uff0c \u5fc5\u987b\u6b63\u786e\u4f20\u9012urls\u6570\u636e\u3002 \u6570\u636e\u683c\u5f0f\uff1a var arr = [&#8216;http:\/\/xxx\/1.jpg&#8217;,&#8217;http:\/\/xxx\/2.png&#8217;]\n<\/p>\n<p>\n\t&nbsp;\n<\/p>\n<p>\n\t\u6b63\u786e\u8c03\u7528\u4ee3\u7801\uff1a&nbsp;\n<\/p>\n<p>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;wx.ready(function() {<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;FastClick.attach(document.body);<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\/\/\u56fe\u7247\u9884\u89c8<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;$(&quot;.img_prev&quot;).click(function(){<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var hosts = window.location.host;&nbsp;<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;var url =&quot;http:\/\/&quot;+hosts+$(this).attr(&quot;src&quot;);<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;<br \/>\n\t&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;var arr = Array();\n<\/p>\n<p>\n\t\/\/\u95ee\u9898\u51fa\u5728\u8fd9\u91cc\uff0c \u8fd9\u4e2a\u67e5\u627e\u56fe\u7247\u7684\u4ee3\u7801\u4e0d\u6b63\u786e\u3002\u5fae\u4fe1\u91cc\u53c8\u5fc5\u987b\u6709\uff0c \u6240\u4ee5\u51fa\u9519\u4e86\u3002&nbsp;<br \/>\n\t&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;$(&quot;.img_prev&quot;).each(function(index){<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var temp = &quot;http:\/\/&quot;+hosts+$(this).attr(&quot;src&quot;);<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/\/alert(index);<br \/>\n\t&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arr.push(temp);<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;});<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;wx.previewImage({<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;current:encodeURI(url), \/\/ \u5f53\u524d\u663e\u793a\u56fe\u7247\u7684http\u94fe\u63a5<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;urls: arr \/\/ \u9700\u8981\u9884\u89c8\u7684\u56fe\u7247http\u94fe\u63a5\u5217\u8868<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;});<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;});<br \/>\n\t&nbsp;&nbsp; &nbsp;&nbsp;<br \/>\n\t&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;});<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u95ee\u9898\uff1a \u4f01\u4e1a\u5fae\u4fe1\u4e2d &nbsp;\u6b63\u5e38\u663e\u793a\u56fe\u7247\uff0c \u5fae\u4fe1\u4e2d\u4f1a\u5361\u6b7b\u9ed1\u5c4f\uff0c\u5fc5\u987b\u7ed3\u675f\u5fae\u4fe1\u624d\u80fd\u7ee7\u7eed\u7528 &nbsp; \u4ee3\u7801\uff1a&nbsp; &nbsp; &nbsp; &#038;nbs&#8230; <\/p>\n<div class='button-mores'><a href='http:\/\/www.iooe.cn\/index.php\/2019\/05\/08\/%e5%9c%a8%e4%bc%81%e4%b8%9a%e5%be%ae%e4%bf%a1%e4%b8%8e%e5%be%ae%e4%bf%a1%e4%b8%ad%e8%b0%83%e7%94%a8wx-previewimage-%e6%96%b9%e6%b3%95%e6%97%b6%e9%81%87%e5%88%b0%e7%9a%84%e9%97%ae%e9%a2%98\/'> \u9605\u8bfb\u66f4\u591a&#8230; <\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/posts\/1344"}],"collection":[{"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1344"}],"version-history":[{"count":2,"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/posts\/1344\/revisions"}],"predecessor-version":[{"id":1351,"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/posts\/1344\/revisions\/1351"}],"wp:attachment":[{"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1344"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.iooe.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}