關(guān)于webuploader插件使用過程遇到的小問題

更新時(shí)間：2016年11月07日 16:16:48 作者：嘿煤貴

這篇文章主要為大家詳細(xì)解決了關(guān)于webuploader插件使用過程遇到的小問題,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文為大家解決webuploader上傳插件如何自定義參數(shù)的問題，供大家參考，具體內(nèi)容如下

大致架構(gòu)：

　前端:html5+ajax

　后端：java （struts框架相關(guān)）

碰到問題：

后臺(tái)coder給我提供一個(gè)接口./file/uploader.do?upFile=?,讓我上傳文件對應(yīng)upFile這個(gè)參數(shù)，前端使用的是webuploader這個(gè)上傳插件，并不知道這個(gè)東西怎么自定義參數(shù)。經(jīng)過各種google，百度，找到以下兩種解決方案：

1、接口不需要指明參數(shù)，直接用request.getInputStream()二進(jìn)制的方式來接受上傳的文件，但是這里特別注意，需要將webuploader這個(gè)配置

sendAsBinary改為true　　

 var uploader = WebUploader.create({
      swf: './js/webuploader/Uploader.swf',
      server: common.BASE_URL_DEV+'/file/upload.do',
      pick: '#picker',
      duplicate: false,
      resize: false,
      auto: true,
      fileNumLimit: 5,
      sendAsBinary:true, //指明使用二進(jìn)制的方式上傳文件
      fileSingleSizeLimit: 5242880,
      //fileType:'rar,zip,doc,xls,docx,xlsx,pdf'
      accept: {
        title: 'intoTypes',
        extensions: 'rar,zip,doc,xls,docx,xlsx,pdf',
        mimeTypes: '.rar,.zip,.doc,.xls,.docx,.xlsx,.pdf'
      }
    });

2、使用common-fileupload這個(gè)插件接收，不多說（后端coder自知，提供相關(guān)文檔一份：http://www.dbjr.com.cn/article/94780.htm）

而在網(wǎng)上翻資料的時(shí)候看到很多朋友都在問，java后端怎么寫？怎么接受參數(shù)？這里本人已經(jīng)實(shí)踐了一次，為大家做解答，首先感謝我們的后端coder，讓我豁然開朗：

當(dāng)我我給他接口不傳參數(shù)的時(shí)候上傳文件，他那里看到的tomcat日志打印出來了三個(gè)參數(shù)，分別是file，fileContentType，fileFileNamez這三個(gè)參數(shù)，file這個(gè)參數(shù)經(jīng)過調(diào)試，是我傳過去的文件，然后我們就猜測是不是有一個(gè)默認(rèn)參數(shù)叫做“file”，去webuploader這個(gè)api中經(jīng)過搜索證明了我們的猜測是正確的，如下圖：

果然有一個(gè)默認(rèn)參數(shù)叫做"file".....................

至此此問題迎刃而解，貼如下代碼：

    var uploader = WebUploader.create({
      swf: './js/webuploader/Uploader.swf',
      server: common.BASE_URL_DEV+'/file/upload.do',
      pick: '#picker',
      duplicate: false,
      resize: false,
      auto: true,
      fileNumLimit: 5,
      fileVal:"upload",  //指明參數(shù)名稱，后臺(tái)也用這個(gè)參數(shù)接收文件
      fileSingleSizeLimit: 5242880,
      //fileType:'rar,zip,doc,xls,docx,xlsx,pdf'
      accept: {
        title: 'intoTypes',
        extensions: 'rar,zip,doc,xls,docx,xlsx,pdf',
        mimeTypes: '.rar,.zip,.doc,.xls,.docx,.xlsx,.pdf'
      }
    });

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: