關于webuploader插件使用過程遇到的小問題
本文為大家解決webuploader上傳插件如何自定義參數(shù)的問題，供大家參考，具體內(nèi)容如下
大致架構：
前端: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.fzitv.net/article/94780.htm）
而在網(wǎng)上翻資料的時候看到很多朋友都在問，java后端怎么寫？怎么接受參數(shù)？這里本人已經(jīng)實踐了一次，為大家做解答，首先感謝我們的后端coder，讓我豁然開朗：
當我我給他接口不傳參數(shù)的時候上傳文件，他那里看到的tomcat日志打印出來了三個參數(shù)，分別是file，fileContentType，fileFileNamez這三個參數(shù)，file這個參數(shù)經(jīng)過調(diào)試，是我傳過去的文件，然后我們就猜測是不是有一個默認參數(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'
}
});
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
- 推薦三款不錯的圖片壓縮上傳插件(webuploader、localResizeIMG4、LUploader)
- 百度多文件異步上傳控件webuploader基本用法解析
- 使用WebUploader實現(xiàn)上傳文件功能（一）
- 快速掌握jQuery插件WebUploader文件上傳
- webuploader 實現(xiàn)圖片批量上傳功能附實例代碼
- webuploader實現(xiàn)上傳圖片到服務器功能
- webuploader模態(tài)框ueditor顯示問題解決方法
- 使用WebUploader實現(xiàn)分片斷點上傳文件功能（二）
- webuploader分片上傳的實現(xiàn)代碼（前后端分離）
- php + WebUploader實現(xiàn)圖片批量上傳功能
相關文章
用jquery.load的方法載入新的頁面，以實現(xiàn)局部刷新，可結(jié)果發(fā)現(xiàn)載入進來的頁面與原來單獨的頁面不一樣，樣式?jīng)]了，關于這個問題，下面有個不錯的解決方法2014-01-01
這篇文章主要介紹了通過Ajax使用FormData對象無刷新上傳文件方法，具有一定的參考價值，感興趣的朋友可以了解一下。2016-12-12
jQuery中使用setInterval函數(shù)設置定時任務,并通過clearInterval函數(shù)來清除這些任務,從而避免資源浪費或邏輯混亂,具有一定的參考價值,感興趣的可以了解一下2024-09-09
首先引入JQuery文件庫只需將文件導入頁面中即可，即在<head></head>中，接下來詳細介紹，感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了jquery實現(xiàn)文本框的文本自動補全效果,大家參考使用吧2014-01-01
這篇文章主要介紹了jquery簡單倒計時實現(xiàn)方法,涉及jQuery定時函數(shù)操作及日期與實現(xiàn)的運算技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了JQuery中上下文選擇器實現(xiàn)方法,涉及jQuery操作頁面元素的相關技巧,需要的朋友可以參考下2015-05-05
使用jquery mobile做幻燈播放效果實現(xiàn)步驟
使用jquery mobile，可以很容易實現(xiàn)幻燈播放效果，擺脫繁雜的步驟輕松實現(xiàn)，接下來介紹，有需要的朋友可以參考下2013-01-01
本節(jié)任務是從一個HTML表使用一些時髦的效果，只要按一下該行的行。以下是實現(xiàn)這一目標的jQuery代碼2014-10-10
簡短幾句jquery代碼的實現(xiàn)一個圖片向上滾動切換
短幾句jquery代碼實現(xiàn)一個圖片向上滾動切換，需要的朋友可以參考下。2011-09-09