使用WebUploader本地生成縮略圖

全民都在python大法，也不能免俗，Flask搭個架子，圖片上傳+識別。

想看本地的縮略圖，直接采用file的路徑，由於chrome的安全限制，沒辦法只好用html5的FileReader，還需要配合input標簽，但是，webuploader里沒有input標簽啊

折騰了一個小時，無果，這時候只好翻翻官方的API了。

果然在官方的demo里發現了類似的功能，http://fex.baidu.com/webuploader/demo.html

翻一翻源碼，http://fex.baidu.com/webuploader/js/demo.js 找到了這個函數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 class="info"><span></span></td>這個td里去，

$list.find('td.info span').append($img);