關于webuploader插件使用過程遇到的小問題

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

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

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

大致架構：

　前端:html5+ajax

　后端：java （struts框架相關）

碰到問題：

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

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

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, //指明使用二進制的方式上傳文件
      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這個插件接收，不多說（后端coder自知，提供相關文檔一份：http://www.dbjr.com.cn/article/94780.htm）

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

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

果然有一個默認參數(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ù)名稱，后臺也用這個參數(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'
      }
    });

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: