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

資訊專欄INFORMATION COLUMN

WebUploader上傳插件使用說明

羅志環(huán) / 1558人閱讀

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

WebUploader簡述

具有兩套運(yùn)行時(shí)支持：HTML5與FLASH

分片、并發(fā)

預(yù)覽、壓縮

多途徑添加文件

MD5驗(yàn)證

引入文件

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

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

上傳分類

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

文件上傳

Webuploader初始化

使用WebUploader.create方法來初始化

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

    // 其他配置項(xiàng)
    // 文件接收服務(wù)端。
    server: "http://webuploader.duapp.com/server/fileupload.php",

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

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

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

選擇文件

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


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

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

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

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

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

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

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

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

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

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

uploadSuccess
當(dāng)文件上傳成功時(shí)觸發(fā)

uploadError
當(dāng)文件上傳出錯(cuò)時(shí)觸發(fā)。

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

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

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

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

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

注意事項(xiàng)

當(dāng)要作為上傳控件的html容器一開始是隱藏的話，初始化應(yīng)該放在html容器顯示時(shí)進(jìn)行

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

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

相關(guān)文章

  • WebUploader上傳插件使用說明

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

    xbynet 評論0 收藏0

  • WebUploader上傳插件使用說明

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

    20171112 評論0 收藏0

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

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

    tanglijun 評論0 收藏0

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

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

    qylost 評論0 收藏0

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

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

    dantezhao 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<