1 line
130 KiB
JavaScript
1 line
130 KiB
JavaScript
|
webpackJsonp([13],{"+U/X":function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=t.info={title:"ImageReader \u56FE\u7247\u9009\u62E9\u5668",preview:"https://didi.github.io/mand-mobile/examples/#/image-reader"},s=t.body="<p>\u7528\u4E8E\u76F8\u518C\u7167\u7247\u8BFB\u53D6\u6216\u62C9\u8D77\u62CD\u7167</p>\n<h3 id=\"\u5F15\u5165\">\u5F15\u5165<a href=\"javascript:jumpAnchor('\u5F15\u5165')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><pre><code class=\"lang-javascript\"><span class=\"hljs-keyword\">import</span> { ImageReader } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile'</span>\n<span class=\"hljs-keyword\">import</span> imageProcessor <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile/lib/image-reader/image-processor'</span> <span class=\"hljs-comment\">// \u56FE\u7247\u5904\u7406\u63D2\u4EF6\uFF0C\u7528\u6CD5\u53C2\u8003#imageProcessor</span>\n\nVue.component(ImageReader.name, ImageReader)\n</code></pre>\n<h3 id=\"\u4EE3\u7801\u6F14\u793A\">\u4EE3\u7801\u6F14\u793A<a href=\"javascript:jumpAnchor('\u4EE3\u7801\u6F14\u793A')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><!-- DEMO -->\n<h3 id=\"API\">API<a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><h4 id=\"ImageReader Props\">ImageReader Props<a href=\"javascript:jumpAnchor('ImageReader Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><table>\n<thead>\n<tr>\n<th>\u5C5E\u6027</th>\n<th>\u8BF4\u660E</th>\n<th>\u7C7B\u578B</th>\n<th>\u9ED8\u8BA4\u503C</th>\n<th>\u5907\u6CE8</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u6807\u8BC6</td>\n<td>String</td>\n<td>-</td>\n<td>\u53EF\u7528\u4E8E\u533A\u5206\u591A\u4E2A\u9009\u62E9\u5668</td>\n</tr>\n<tr>\n<td>size</td>\n<td>\u56FE\u7247\u5C3A\u5BF8\u9650\u5236</td>\n<td>String/Number</td>\n<td>-</td>\n<td>\u5355\u4F4D<code>kb</code></td>\n</tr>\n<tr>\n<td>mime</td>\n<td>\u652F\u6301\u56FE\u7247\u7C7B\u578B</td>\n<td>Array</td>\n<td><code>*</code></td>\n<td>\u5982<code>['jpeg','png']</code></td>\n</tr>\n<tr>\n<td>is-camera-only</td>\n<td>\u662F\u5426\u53EA\u652F\u6301\u62CD\u7167</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>is-multiple</td>\n<td>\u662F\u5426\u652F\u6301\u9009\u62E9\u591A\u5F20</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>amount</td>\n<td>\u9009\u62E9\u591A\u5F20</td>\n<td>Number</td>\n<td>-</td>\n<td>\u53EA\u5728<code>is-multiple</code>\u4E3A<code>true</code>\u65F6\u6709\u6548</td>\n</tr>\n</tbody>\n</table>\n<h4 id=\"ImageReader Events\">ImageReader Events<a href=\"javascript:jumpAnchor('ImageReader Events')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><h5 id=\"@select\">@select<a href=\"javascript:jumpAnchor('@select')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>\u56FE\u7247\u9009\u62E9\u5B8C\u6210\u4E8B\u4EF6\uFF0C\u8FD8\u672A\u5F00\u59CB\u8BFB\u53D6</p>\n<h5 id=\"@complete(name, { dataUrl, blob })\">@complete(name, { dataUrl, blob })<a href=\"javascript:jumpAnchor('@complete(name, { dataUrl, blob })')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>\u56FE\u7247\u9009\u62E9\u8BFB\u53D6\u5B8C\u6210\u4E8B\u4EF6</p>\n<table>\n<thead>\n<tr>\n<th>\u5C5E\u6027</th>\n<th>\u8BF4\u660E</th>\n<th>\u7C7B\u578B</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u9009\u62E9\u5668\u6807\u8BC6</td>\n<td>String</td>\n</tr>\n<tr>\n<td>dataUrl</td>\n<td>\u56FE\u7247Base64</td>\n<td>String</td>\n</tr>\n<tr>\n<td>blob</td>\n<td>\u56FE\u7247Blob\u5BF9\u8C61\uFF0C\u53EF\u7528\u4E8E<code>formData</code></td>\n<td>Blob</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"imageProcessor\">imageProcessor<a href=\"javascript:jumpAnchor('imageProcessor')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><p>\u7528\u4E8E\u56FE\u7247\u8F74\u5411\u4FEE\u6B63\uFF0C\u56FE\u7247\u8D28\u91CF\u538B\u7F29\uFF0C\u5BBD\u9AD8\u63A7\u5236</p>\n<h4 id=\"\u5F15\u5165\">\u5F15\u5165<a href=\"javascript
|