jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器

最近做了一个文件上传用ajaxfileupload.js 在火狐谷歌 IE9及以上版本可用为了兼容IE8 找到了jquery-form.js

html 代码：

js代码：

controllor代码：

/**
   * 文件上传
   * @param apkFile
   * @param request
   * @param id
   * @return Json
   */
   @RequestMapping(value = "/upFile")
   @ResponseBody
   public void upFile(@RequestParam("fileName") MultipartFile fileName,HttpServletRequest request,HttpServletResponse response,String id) {
       try {
           Json json=new Json();
           response.setContentType("text/html");
           json=CostMsgService.upFile(fileName,request, response,id);
           response.setContentType("text/html; charset=UTF-8");
           PrintWriter out = response.getWriter();
           out.println(JSONObject.toJSONString(json));
       } catch (IOException e) {
           e.printStackTrace();
       }
   }

service代码：

@Override
   public Json upFile(MultipartFile file,HttpServletRequest request,HttpServletResponse response,String id) {
       Json json=new Json();
       try {
           String[] types=new String[]{".jpg",".png",".jpeg",".bmp",".zip",".JPG",".PNG",".JPEG",".BMP",".ZIP"};
            // 文件保存目录路径
           String savePath = request.getSession().getServletContext().getRealPath("/")+ "static/"+Upload_Directory;
           // 文件保存目录URL
           String saveUrl = request.getContextPath() +"/static/"+ Upload_Directory;
           // 定义允许上传的文件扩展名
           File inbox = new File(savePath); //判断文件夹是否存在
           if (!inbox.exists()) {
               inbox.mkdirs();
           }
           File inbox1 = new File(saveUrl); //判断文件夹是否存在
           if (!inbox1.exists()) {
               inbox1.mkdirs();
           }
           // 最大文件大小
           long maxSize = 3145728;
           if (!ServletFileUpload.isMultipartContent(request)) {
               json.setMsg("请选择文件");
               json.setSuccess(false);
               return json;
           }
           String originFileName=file.getOriginalFilename();
           String suffix=originFileName.indexOf(".") !=-1?

originFileName.substring(originFileName.lastIndexOf("."), originFileName.length()):null;
String str = System.currentTimeMillis()+"";
String newFileName=str+suffix;

String dirName = request.getParameter("dir");
           if (dirName == null) {
               dirName = "image";
           }
           // 检查文件大小
           if (file.getSize() > maxSize) {
               json.setMsg("上传文件大小超过限制。最大3M");
               json.setSuccess(false);
               return json;
           }
           // 检查扩展名

if (!Arrays.<String> asList(types).contains(suffix)) {
               json.setMsg("上传文件扩展名是不允许的扩展名。\n只允许jpg,jpeg,png,bmp,zip 格式。");
               json.setSuccess(false);
               return json;
           }
           IdGenerator idG=new IdGenerator();
           String chargesId=id;
           if(id==null||id.length()==0){
               chargesId=idG.getLongValue()+"";
           }
           if(suffix!=null){
               FileUtils.copyInputStreamToFile(file.getInputStream(), new File(savePath, newFileName));
               FileUtils.copyInputStreamToFile(file.getInputStream(), new File(saveUrl, newFileName));
               CostMsgDao.executeSql("insert into t_jy_file (ID,TABLE_ID,FILE_NAME,TABLE_NAME) values('"+str+"','"+chargesId+"','"+newFileName+"','t_jy_deductionrecord')");
               json.setMsg(newFileName);
               json.setObj(chargesId);
               json.setSuccess(true);
               logger.error("file upload success："+originFileName+" file length is"+file.getSize());
               return json;
           }else {
               logger.error("不能识别该文件或文件已损坏："+originFileName);
               return json;
           }
       } catch (Exception e) {
           e.printStackTrace();
           return json;
       }

}
该代码已经过测试并上线使用

jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器相关推荐

jquery.form.js在ie8下提示下载文件
1.后台返回html格式的json文档也就是设置content类型为:response.setContentType("text/html"); //renderJson(res ...
jquery.form.js插件中ajaxSubmit提交在jquery1.4版本中的应用
作者:xyzroundo 下以处理的是对含有 <input type"file" /> 元素的表单,利用jquery.form 的ajaxSubmit方法进行类似aj ...
jquery.form.js的ajaxSubmit和ajaxForm使用(用于多文件上传以及其他参数的混合提交)
jquery.form.js的ajaxSubmit和ajaxForm使用(用于多文件上传以及其他参数的混合提交) ajaxSubmit 和ajaxForm区别 ajaxForm ajaxForm()不 ...
jQuery.form.js使用
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 下载地址百度云:http://pan.baidu.com/s/1eQoYE46 360云:http://yu ...
利用jquery.form.js实现Ajax无刷新图片上传及预览功能
某些时候当我们做登记页面的时候可能需要上传图片,并实现即时预览的功能. 如果只是预览而不上传,可以使用ImagePreview来实现,方便简单.如果需要上传,那么你也可以使用uploadify无刷新上 ...
【jQuery】使用jquery.form.js，获取提交表单返回值
jQuery表单库介绍实现 html 中提交表单并实现不跳转页面处理返回值 jQuery表单库(jquery.form.js库)以jQuery为基础,用于处理表单AJAX提交,使得表单AJAX提交简 ...
解决 jquery.form.js和springMVC上传 MultipartFile取不到信息
前段页面: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEnc ...
ASP.NETmvc常用JQUERY收藏【jquery.form.js结合jquery.validate.js】
虽然jquery.form.js可以通过自定义验证方式实现个性化的验证,不过我们大量使用的还不是一个红星(*) 在jquery.form.js下使用jquery.validate.js就可以简简单单的 ...
jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...

jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器

jquery-form.js 兼容IE8 IE9等以上火狐谷歌等浏览器相关推荐

最新文章

热门文章