国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

WebUploader上傳插件使用說明

20171112 / 2142人閱讀

摘要：否則強制轉(zhuǎn)換成指定的類型。是否要分片處理大文件上傳還有其他配置項上傳事件選擇需要上傳的文件后，文件就會加入文件隊列，并觸發(fā)事件上傳進度回調(diào)事件，在文件上傳中，多次調(diào)用此事件當文件上傳成功時觸發(fā)當文件上傳出錯時觸發(fā)。

WebUploader簡述

具有兩套運行時支持：HTML5與FLASH

分片、并發(fā)

預覽、壓縮

多途徑添加文件

MD5驗證

引入文件

雖然官方?jīng)]說必須要引入JQuery庫，但實際上需要引入
需要修改下webuploader.css

需要修改的地方：把.webuploader-pick中的display:inline-block樣式去掉

上傳分類

圖片上傳：單圖上傳 多圖上傳

文件上傳

Webuploader初始化

使用WebUploader.create方法來初始化

var uploader = new WebUploader.Uploader({
    //加載swf文件
    swf: "path_of_swf/Uploader.swf"

    // 其他配置項
    // 文件接收服務端。
    server: "http://webuploader.duapp.com/server/fileupload.php",

    // 選擇文件的按鈕?？蛇x。
    // 內(nèi)部根據(jù)當前運行是創(chuàng)建，可能是input元素，也可能是flash.
    pick: "#picker",

    // 不壓縮image, 默認如果是jpeg，文件上傳前會壓縮一把再上傳！
    resize: false
});
HTML結(jié)構(gòu)

在HTML文件中書寫的結(jié)構(gòu)如下：

選擇文件

渲染之后得到的HTML結(jié)構(gòu)如下：


    
選擇文件
初始化配置項 
var uploader = new WebUploader.Uploader({
    // 加載swf文件
    swf: "path_of_swf/Uploader.swf"

    // 接收文件的服務端地址。
    server: "http://webuploader.duapp.com/server/fileupload.php",

    // 選擇文件的按鈕?？蛇x。
    // 內(nèi)部根據(jù)當前運行是創(chuàng)建，可能是input元素，也可能是flash.
    pick: "#picker",

    // 不壓縮image, 默認如果是jpeg，文件上傳前會壓縮一把再上傳！
    resize: false，
    // 是否自動上傳
    auto: true,
    // 指定接受哪些類型的文件
    accept：{
        title: "Images",
        extensions: "gif,jpg,jpeg,bmp,png",
        mimeTypes: "image/*"
    },
    // 配置生成縮略圖的選項
    thumb: {
        width: 110,
        height: 110,

        // 圖片質(zhì)量，只有type為`image/jpeg`的時候才有效。
        quality: 70,

        // 是否允許放大，如果想要生成小圖的時候不失真，此選項應該設(shè)置為false.
        allowMagnify: true,

        // 是否允許裁剪。
        crop: true,

        // 為空的話則保留原有圖片格式。
        // 否則強制轉(zhuǎn)換成指定的類型。
        type: "image/jpeg"
    },
    // 是否要分片處理大文件上傳
    chunked: true,
    method: "POST"
    // 還有其他配置項
});
WebUploader上傳事件

fileQueued
選擇需要上傳的文件后，文件就會加入文件隊列，并觸發(fā)fileQueued事件

uploadProgress
上傳進度回調(diào)事件，在文件上傳中，多次調(diào)用此事件

uploadSuccess
當文件上傳成功時觸發(fā)

uploadError
當文件上傳出錯時觸發(fā)。

uploadComplete
不管成功或者失敗，文件上傳完成時觸發(fā)。

error
如果是3種情況就會觸發(fā)：
1、文件數(shù)量超出
2、文件總大小超出
3、文件類型不滿足

uploadFinished
當所有文件上傳結(jié)束時觸發(fā)

上傳成功的事件觸發(fā)順序

上傳失敗的事件觸發(fā)順序

注意事項

當要作為上傳控件的html容器一開始是隱藏的話，初始化應該放在html容器顯示時進行

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/50686.html

相關(guān)文章

  • WebUploader上傳插件使用說明

    摘要：否則強制轉(zhuǎn)換成指定的類型。是否要分片處理大文件上傳還有其他配置項上傳事件選擇需要上傳的文件后，文件就會加入文件隊列，并觸發(fā)事件上傳進度回調(diào)事件，在文件上傳中，多次調(diào)用此事件當文件上傳成功時觸發(fā)當文件上傳出錯時觸發(fā)。 WebUploader簡述 具有兩套運行時支持：HTML5與FLASH 分片、并發(fā) 預覽、壓縮 多途徑添加文件 MD5驗證 引入文件 雖然官方?jīng)]說必須要引入JQuery...

    xbynet 評論0 收藏0

  • WebUploader上傳插件使用說明

    摘要：否則強制轉(zhuǎn)換成指定的類型。是否要分片處理大文件上傳還有其他配置項上傳事件選擇需要上傳的文件后，文件就會加入文件隊列，并觸發(fā)事件上傳進度回調(diào)事件，在文件上傳中，多次調(diào)用此事件當文件上傳成功時觸發(fā)當文件上傳出錯時觸發(fā)。 WebUploader簡述 具有兩套運行時支持：HTML5與FLASH 分片、并發(fā) 預覽、壓縮 多途徑添加文件 MD5驗證 引入文件 雖然官方?jīng)]說必須要引入JQuery...

    羅志環(huán) 評論0 收藏0

  • webuploader 上傳插件 上傳文件Error “abort”

    摘要：懷疑跨域文件沒上傳完成瀏覽器被刷新上傳文件超過限制大小最終是上傳文件超過限制大小，解決需要同時配置下面三個修改如果是，修改參考文章 懷疑： 跨域 文件沒上傳完成瀏覽器被刷新 上傳文件超過限制大小 最終是上傳文件超過限制大小，解決需要同時配置下面三個： php修改 php.ini -- upload_max_filesize php.ini -- upload_max_...

    tanglijun 評論0 收藏0

  • webuploader 上傳插件 上傳文件Error “abort”

    摘要：懷疑跨域文件沒上傳完成瀏覽器被刷新上傳文件超過限制大小最終是上傳文件超過限制大小，解決需要同時配置下面三個修改如果是，修改參考文章 懷疑： 跨域 文件沒上傳完成瀏覽器被刷新 上傳文件超過限制大小 最終是上傳文件超過限制大小，解決需要同時配置下面三個： php修改 php.ini -- upload_max_filesize php.ini -- upload_max_...

    qylost 評論0 收藏0

  • webuploader 上傳插件 上傳文件Error “abort”

    摘要：懷疑跨域文件沒上傳完成瀏覽器被刷新上傳文件超過限制大小最終是上傳文件超過限制大小，解決需要同時配置下面三個修改如果是，修改參考文章 懷疑： 跨域 文件沒上傳完成瀏覽器被刷新 上傳文件超過限制大小 最終是上傳文件超過限制大小，解決需要同時配置下面三個： php修改 php.ini -- upload_max_filesize php.ini -- upload_max_...

    dantezhao 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<