Ajax上傳控件封裝,支持圖片簡介、支持圖片前臺壓縮2

GitHub地址:javascript

https://github.com/tianma3798/Uploader/java

前臺圖片壓縮處理:git

<div>
    小圖片:
    <img id="imgOne" style="border:1px solid gray;" />
</div>
<div>
    大圖片:
    <img id="imgTwo" style="border:1px solid gray;" />
</div>
<script type="text/javascript">
    /*
    * 簡單上傳圖片,並保存到相關文件夾
    * 默認自動移動到指定的子文件夾
    */
    var uploader = $('#uploadBtn').uploader({
        url: '../ashx/upload3.0.ashx',
        fileTypeExts: 'jpg;png',
        text: '選擇圖片',
        type: 'imgdouble',
        subFolder: 'test',
        isAutoMove:true,//指定是否自動移動到上傳文件夾
        maxSize: 1024 * 1000,
        onSuccess: function (data) {
            //$('#imgOne').attr('src', '/content/tempfile/' + data.imgSmall);
            //$('#imgTwo').attr('src', '/content/tempfile/' + data.imgBig);

            $('#imgOne').attr('src', '/content/uploadfiles/' + data.imgSmall);
            $('#imgTwo').attr('src', '/content/uploadfiles/' + data.imgBig);
        }
    });
</script>

相關文章
相關標籤/搜索