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端接收页面传入的文件流,在这个步骤可以写入数据库或者滚团凳放到指定目录.
>>> 将上传的返回结果写回页面.