全民都在python大法，也不能免俗，Flask搭个架子，图片上传+识别。

想看本地的缩略图，直接给与file的路径，由于chrome的安适限制，没步伐只好用html5的FileReader，还需要共同input标签，但是，webuploader里没有input标签啊

折腾了一个小时，，无果，这时候只好翻翻官方的API了。

公然在官方的demo里发明了类似的成果，

翻一翻源码， 找到了这个函数makeThumb

一看官方API，立马布置得明大白白。

下面贴代码，在

uploader.on(‘fileQueued‘, function(file) {}

函数里加上:

var $img = $(‘<div></div>‘);
uploader.makeThumb(file, function (error, src) {
if (error) {
return;
}
var img = $(‘<img src="‘ + src + ‘">‘);
$img.append(img);
}, 100, 100);

这里的100是缩略图尺寸，然后把$img元素插入到你想要的处所去即可。好比我想插入到

<td><span></span></td>这个td里去， $list.find(‘td.info span‘).append($img);

使用WebUploader本地生成缩略图