easyuiform文件上傳
1. easyui 怎麼同時兼容1.3.4如何使用 filebox
第一步，新建靜態頁面filebox.html，並修改頁面標題為「EasyUI上傳文件控制項」，如下圖所示：
如何利用EasyUI插件中的FileBox設置中文標題
第二步，為了使用EasyUI插件，需要引入EasyUI相關的CSS和javaScript文件，如下圖所示：
如何利用EasyUI插件中的FileBox設置中文標題
第三步，在body標簽元素內插入一個panel和filebox，並設置它們的樣式，接著在其下方插入一個上傳文件的按鈕，如下圖所示：
如何利用EasyUI插件中的FileBox設置中文標題
4
第四步，完成了前三步後，在瀏覽器中進行預覽，這時會看到上傳文件控制項和上傳文件按鈕，如下圖所示：
如何利用EasyUI插件中的FileBox設置中文標題
5
第五步，在jquery初始化函數中添加上傳文件點擊事件，點擊後會將上傳文件插件的英文提示會變成中文，如下圖所示：
如何利用EasyUI插件中的FileBox設置中文標題
2. easyui實現文件上傳
//前台需要參數指定調用一般處理程序里哪個方法
publicstringUploadFile()
{
stringresult="上傳成功";
try{
//接收上傳後的文件
HttpPostedFilefile=Context.Request.Files["imgPath4"];
//獲取文件的保存路徑
stringuploadPath=HttpContext.Current.Server.MapPath("~/_data/Files");
stringfileEx=Path.GetExtension(file.FileName);//文件的格式
stringdtStr=file.FileName.Replace(fileEx,"_")+DateTime.Now.ToString("yyyyMMddhhmmss");
//判斷上傳的文件是否為空
if(file!=null)
{
if(!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
//保存文件
file.SaveAs(HttpContext.Current.Server.MapPath("~/_data/Files/"+dtStr+fileEx));
filePath=HttpContext.Current.Server.MapPath("~/_data/Files/"+dtStr+fileEx);
}
}
catch(Exceptionex)
{
result="上傳失敗";
}
returnresult;
}
3. java web怎麼實現文件上傳到伺服器
/**
* 上傳到本地
* @param uploadFile
* @param request
* @return
*/
@RequestMapping("/upload")
@ResponseBody
public Map<String, Object> uploadApkFile(@RequestParam("uploadUpdateHistoryName") MultipartFile uploadFile,
HttpServletRequest request) {
Map<String, Object> map = new HashMap<>();
// 上傳文件校驗，包括上傳文件是否為空、文件名稱是否為空、文件格式是否為APK。
if (uploadFile == null) {
map.put("error", 1);
map.put("msg", "上傳文件不能為空");
return map;
}
String originalFilename = uploadFile.getOriginalFilename();
if (StringUtils.isEmpty(originalFilename)) {
map.put("error", 1);
map.put("msg", "上傳文件名稱不能為空");
return map;
}
String extName = originalFilename.substring(originalFilename.lastIndexOf(".") + 1);
if (extName.toUpperCase().indexOf("APK") < 0) {
map.put("error", 1);
map.put("msg", "上傳文件格式必須為APK");
return map;
}
String path = request.getSession().getServletContext().getRealPath("upload");
String fileName = uploadFile.getOriginalFilename();
File targetFile = new File(path, fileName);
if (!targetFile.exists()) {
targetFile.mkdirs();
}
// 保存
String downLoadUrl = null;
try {
uploadFile.transferTo(targetFile);
downLoadUrl = request.getContextPath() + "/upload/" + fileName;
map.put("error", 0);
map.put("downLoadUrl", downLoadUrl);
map.put("msg", "上傳文件成功");
return map;
} catch (Exception e) {
e.printStackTrace();
map.put("error", 1);
map.put("msg", "上傳文件失敗");
return map;
}
}
//上傳文件
$('#btnUpload').bind('click',function(){
// var formdata= $('#uploadForm').serializeJSON();
var formdata = new FormData($( "#uploadForm" )[0]);
$.ajax({
url:"upload.do",
data:formdata,
async: false,
cache: false,
processData:false,
contentType:false,
// dataType:'json',
type:'post',
success:function(value){
if(value.error==0){
$('#downLoadUrlId').val(value.downLoadUrl);
$.messager.alert('提示',value.msg);
$('#uploadWindow').window('close');
}else{
$.messager.alert('提示',value.msg);
}
}
});
});
<div id="uploadWindow" class="easyui-window" title="apk上傳"
style="width: 230px;height: 100px" data-options="closed:true">
<form id="uploadForm" enctype="multipart/form-data">
<td><input type ="file" style="width:200px;" name = "uploadUpdateHistoryName"></td>
</form>
<button id="btnUpload" type="button">上傳Apk</button>
</div>
java js html
4. Easyui的easyui-filebox有人知道是否支持 多文件上傳嗎
easyui-filebox 只是一個UI的插件（其實還是INPUT標簽），它不是上傳組件，所有就不存在是否支持多文件上大旅傳，你要想一次上傳多個文件，可以設置多個easyui-filebox。
拓展
EasyUI+SpringMVC 單個/多個文件上傳
基本步驟：
按或喊照數據流向來闡述
>>> 頁面提供文件上傳控制項.
>>> contorller端接收頁面傳入的文件流，在這個步驟可以寫入資料庫或者滾團凳放到指定目錄.
>>> 將上傳的返回結果寫回頁面.