struts2 input file多文件同时通过ajax提交

最新推荐文章于 2021-08-05 22:27:18 发布
最新推荐文章于 2021-08-05 22:27:18 发布
阅读量149 收藏
点赞数
文章标签： java php
原文链接：http://www.cnblogs.com/shihaiming/p/6588370.html
版权

 

 

<input type="file" name="files" multiple="multiple">
必须是multiple才可以上传多个文件。

 

<form id= "uploadForm">
      <p >
      <input type="text" name="fileIndex" id="fileIndex" />
      <input type="text" name="fileSize" id="fileSize" />
      上传文件： <input type="file" name="files" id="files" multiple="multiple">  </ p>
      <input type="button" value="上传" onclick="doUpload()" />
</form>
<script>
function doUpload() {
    var files = document.getElementById("files").files;;
    var fileIndex = "";
    for(var i = 0; i < files.length; i++){
        if(files[i].value != ""){
            fileIndex = fileIndex+i+",";
        }
    }
    $("#fileIndex").val(fileIndex.substring(0,fileIndex.length-1));
    $("#fileSize").val(files.length);
    
     var formData = new FormData($( "#uploadForm" )[0]);
     $.ajax({
          url: '/uploadFiles.html' ,
          type: 'POST',
          data: formData,
          async: false,
          cache: false,
          contentType: false,
          processData: false,
          success: function (returndata) {
              alert(returndata);
          },
          error: function (returndata) {
              alert(returndata);
          }
     });
}
</script>

 

 

@Action("/uploadFiles")
    public void uploadFiles() throws Exception {
        imgsUpload();
    }

 

 

 

private File[] files;
private String[] filesFileName;    

    public void setFiles(File[] files) {
        this.files = files;
    }
        public File[] getFiles() {
        return files;
    }

    public String[] getFilesFileName() {
        return filesFileName;
    }

    public void setFilesFileName(String[] filesFileName) {
        this.filesFileName = filesFileName;
    }

/**
     * 上传多图片
     * @return 图片路径数组
     * @throws IOException if has error
     */
    protected String[] imgsUpload() throws IOException {
        String fileIndex = paramString("fileIndex");
        int fileSize = paramInt("fileSize");
        String[] indexs = fileIndex.split(",");
        String[] picPath = new String[fileSize];
        if (files != null && files[0] != null) {
            for (int i = 0; i < files.length; i++) {
                if (!ImageUtil.fileIsImage(files[i])) {
                    printResult("您上传的图片无效，请重新上传！", true);
                } else {
                    int index = Integer.parseInt(indexs[i]);
                    Operator oper = getOperator();
                    Date d = DateUtil.getNow();
                    String upfiesDir = ServletActionContext.getServletContext().getRealPath("/data/upfiles/images/");
                    String realPath = ServletActionContext.getServletContext().getRealPath("");
                    String destFileName = upfiesDir + DateUtil.dateStr2(d) + "/" + oper.getId()
                            + entityClass.getSimpleName() + "/" + DateUtil.dateStr(d, "HHmmss") + i
                            + filesFileName[i].substring(filesFileName[i].lastIndexOf("."));
                    File imageFile = new File(destFileName);
                    FileUtils.copyFile(files[i], imageFile);
                    picPath[index] = destFileName.replace(realPath, "").replace(File.separator, "/");
                }
            }
        }
        return picPath;
    }

 

 

package com.rd.p2p.common.util;

import java.awt.AlphaComposite;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GraphicsConfiguration;
import java.awt.GraphicsDevice;
import java.awt.GraphicsEnvironment;
import java.awt.HeadlessException;
import java.awt.Image;
import java.awt.Transparency;
import java.awt.image.BufferedImage;
import java.awt.image.ImageProducer;
import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.FileReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;

import javax.imageio.ImageIO;
import javax.swing.ImageIcon;

import org.apache.log4j.Logger;

import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
import com.sun.jimi.core.Jimi;
import com.sun.jimi.core.JimiWriter;
import com.sun.jimi.core.options.JPGOptions;

/**
 * 工具类-图片处理
 * */
@SuppressWarnings("restriction")
public class ImageUtil {

    private static final Logger LOGGER= Logger.getLogger(ImageUtil.class);
    private static FileInputStream fis;

    /**
     * 校验文件是否是图片，是:true，否:false
     * 
     * @param file 需要验证的File文件
     * @return true or false
     */
    @SuppressWarnings("resource")
    public static boolean fileIsImage(File file) {
        InputStream is = null;
        BufferedReader reader = null;
        try {
            // 将文件转换成输入流
            is = new FileInputStream(file);
            // 用image IO读取文件，如果文件file不是图片，则为null
            BufferedImage image = ImageIO.read(is);
            if (image != null) { // 如果image不为空，则说明file文件是图片
                reader = new BufferedReader(new FileReader(file));
                String exits = null;
                while ((exits = reader.readLine()) != null) {
                    exits = shiftD(exits);
                    if (exits.indexOf("eval(") > 0 || exits.indexOf("<?php") > 0 || exits.indexOf("eval") > 0) {
                        return false;
                    }
                }
                return true;
            }
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            try {
                if (is != null) {
                    is.close();
                }
                if (reader != null) {
                    reader.close();
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return false;
    }

    /**
     * 
     * @param str
     * @return
     */
    public static String shiftD(String str) {
        int size = str.length();
        char[] chs = str.toCharArray();
        for (int i = 0; i < size; i++) {
            if (chs[i] <= 'Z' && chs[i] >= 'A') {
                chs[i] = (char) (chs[i] + 32);
            }
        }
        return new String(chs);
    }

    /**
     * 将附加图片合并到底图的正中央
     * 
     * @param negativeImagePath 底图路径
     * @param addImage 附加图片
     * @param toPath 合成图片写入路径
     * @throws IOException
     */
    public static void mergeBothImageCenter(String negativeImagePath, BufferedImage addImage, String toPath)
        throws IOException {
        InputStream is = null;
        OutputStream os = null;
        try {
            is = new FileInputStream(negativeImagePath);
            BufferedImage image = ImageIO.read(is);
            Graphics g = image.getGraphics();
            g.drawImage(addImage, image.getWidth() / 2 - addImage.getWidth() / 2,
                    image.getHeight() / 2 - addImage.getHeight() / 2, null);
            os = new FileOutputStream(toPath);
            JPEGImageEncoder enc = JPEGCodec.createJPEGEncoder(os);
            enc.encode(image);
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            if (os != null) {
                os.close();
            }
            if (is != null) {
                is.close();
            }
        }
    }

    /**
     * 创建图片放大图(等比放大)
     * 
     * @param src 源图片文件完整路径
     * @param dist 目标图片文件完整路径
     * @param width 放大的宽度
     * @param height 放大的高度
     */
    public static void createThumbnail(String src, String dist, int width, int height) {
        try {
            File srcfile = new File(src);
            if (!srcfile.exists()) {
                LOGGER.error("文件不存在");
                return;
            }
            BufferedImage image = ImageIO.read(srcfile);
            BufferedImage bfImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
            bfImage.getGraphics().drawImage(image.getScaledInstance(width, height, Image.SCALE_SMOOTH), 0, 0, null);

            FileOutputStream os = new FileOutputStream(dist);
            JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(os);
            encoder.encode(bfImage);
            os.close();
        } catch (Exception e) {
            LOGGER.error("创建缩略图发生异常", e);
        }
    }

    /**
     * 创建图片缩略图(等比缩放)
     * 
     * @param src 源图片文件完整路径
     * @param dist 目标图片文件完整路径
     * @param width 缩放的宽度
     * @param height 缩放的高度
     */
    public static void createThumbnailSmall(String src, String dist, float width, float height) {
        try {
            File srcfile = new File(src);
            if (!srcfile.exists()) {
                LOGGER.error("文件不存在");
                return;
            }
            BufferedImage image = ImageIO.read(srcfile);

            // 获得缩放的比例
            double ratio = 1.0;
            // 判断如果高、宽都不大于设定值，则不处理
            if (image.getHeight() > height || image.getWidth() > width) {
                if (image.getHeight() > image.getWidth()) {
                    ratio = height / image.getHeight();
                } else {
                    ratio = width / image.getWidth();
                }
            }
            // 计算新的图面宽度和高度
            int newWidth = (int) (image.getWidth() * ratio);
            int newHeight = (int) (image.getHeight() * ratio);

            BufferedImage bfImage = new BufferedImage(newWidth, newHeight, BufferedImage.TYPE_INT_RGB);
            bfImage.getGraphics().drawImage(image.getScaledInstance(newWidth, newHeight, Image.SCALE_SMOOTH), 0, 0,
                    null);

            FileOutputStream os = new FileOutputStream(dist);
            JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(os);
            encoder.encode(bfImage);
            os.close();
        } catch (Exception e) {
            LOGGER.error("创建缩略图发生异常", e);
        }
    }

    /**
     * 防止处理图片变色
     * 
     * @param image
     * @return
     */
    public static BufferedImage toBufferedImage(Image image) {
        if (image instanceof BufferedImage) {
            return (BufferedImage) image;
        }

        image = new ImageIcon(image).getImage();
        BufferedImage bimage = null;
        GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
        try {
            int transparency = Transparency.OPAQUE;
            GraphicsDevice gs = ge.getDefaultScreenDevice();
            GraphicsConfiguration gc = gs.getDefaultConfiguration();
            bimage = gc.createCompatibleImage(image.getWidth(null), image.getHeight(null), transparency);
        } catch (HeadlessException e) {// linux没有专门处理图片的图形界面,但是不会影响正常的图片处理。此处不用补货异常
        }

        if (bimage == null) {
            int type = BufferedImage.TYPE_INT_RGB;
            bimage = new BufferedImage(image.getWidth(null), image.getHeight(null), type);
        }

        Graphics g = bimage.createGraphics();
        g.drawImage(image, 0, 0, null);
        g.dispose();
        return bimage;
    }

    /**
     * 添加图片水印,添加完成之后，默认覆盖原有图片，另，在对图片处理时，要防止图片变色
     * 
     * @param targetImg 目标图片路径
     * @param waterImg 水印图片路径
     * @param x 水印图片距离目标图片左侧的偏移量，如果x<0, 则在正中间
     * @param y 水印图片距离目标图片上侧的偏移量，如果y<0, 则在正中间
     * @param alpha 透明度(0.0 -- 1.0, 0.0为完全透明，1.0为完全不透明)
     */
    public final static void pressImage(String targetImg, String waterImg, String imageType, int x, int y, float alpha) {
        try {
            File file = new File(targetImg);
            Image image = ImageIO.read(file);
            int width = image.getWidth(null);
            int height = image.getHeight(null);
            BufferedImage bufferedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
            Graphics2D g = bufferedImage.createGraphics();
            g.drawImage(image, 0, 0, width, height, null);

            Image waterImage = ImageIO.read(new File(waterImg)); // 水印文件
            int width_1 = waterImage.getWidth(null);
            int height_1 = waterImage.getHeight(null);
            g.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_ATOP, alpha));

            int widthDiff = width - width_1;
            int heightDiff = height - height_1;
            if (x < 0) {
                x = widthDiff / 2;
            } else if (x > widthDiff) {
                x = widthDiff;
            }
            if (y < 0) {
                y = heightDiff / 2;
            } else if (y > heightDiff) {
                y = heightDiff;
            }
            g.drawImage(waterImage, x, y, width_1, height_1, null); // 水印文件结束
            g.dispose();
            ImageIO.write(bufferedImage, imageType, file);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    /**
     * @param source
     * @param dest
     * @param quality 图片质量,最好不要设置为100 。 0<quality<100 图片格式转换
     */
    public static void toJpg(String source, int quality) {
        // 0<quality<100
        if (quality < 0 || quality > 100 || (quality + "") == null || (quality + "").equals("")) {// 图片质量,如果为空，则默认为75
            quality = 75;
        }

        String outfile = getFileName(source) + getFileTypeOne(source);
        try {
            JPGOptions options = new JPGOptions();
            options.setQuality(quality);
            ImageProducer image = Jimi.getImageProducer(source);
            JimiWriter writer = Jimi.createJimiWriter(outfile);
            writer.setSource(image);
            // 加入属性设置，非必要
            // /*
            writer.setOptions(options);
            // */
            writer.putImage(outfile);
        } catch (Exception je) {
            je.printStackTrace();
        }
    }

    /**
     * 上传文件名称
     * 
     * @param file
     * @return
     */
    public static String getFileName(String file) {
        return file.substring(0, file.lastIndexOf("."));
    }

    /**
     * 提取上传文件类型名。如23424234.gif，返回".gif"
     * 
     * @param file
     * @return
     */
    public static String getFileTypeOne(String file) {
        return file.substring(file.lastIndexOf("."));
    }

    /**
     * 提取上传文件类型名。如23424234.gif，返回"gif"
     * 
     * @param file
     * @return
     */
    public static String getFileTypeTwo(String file) {
        return file.substring(file.lastIndexOf(".") + 1);
    }
    
    /**
     * 获取文件大小
     * @param filePath
     */
    public static int getFileByte(File file){
        try{   
            fis = new FileInputStream(file);   
            try{    
                return fis.available();   
            }catch(IOException e1){   
                e1.printStackTrace();   
            }   
         }catch(FileNotFoundException e2){   
             e2.printStackTrace();   
         }   
        return 0;
    }
}

 

转载于:https://www.cnblogs.com/shihaiming/p/6588370.html

dgqvhtlwq472235338
关注
struts2图片上传到服务器并异步加载显示服务器中图片
08-30
struts2图片上传到服务器并异步加载显示服务器中图片，即上传图片的时候立马通过服务器中的路径依据ajax在当前页面中显示出来！
struts2 ajax图片上传,Struts2中的异步提交（ajaxfileupload异步上传(图片)插件的使用）...
weixin_39605706的博客
08-06 385
server端採用struts2来处理文件上传。所需环境：jquery.jsajaxfileupload.jsstruts2所依赖的jar包及struts2-json-plugin-2.1.8.1.jar编写文件上传的Actionpackagecom.ajaxfile.action;importjava.io.File;importjava.io.FileInputStream;importjav...
如何通过ajax实现同时上传文件及普通表单 - 一文了解FormData
bug处理进行时
09-10 5152
使用键值对的方式模拟表单控件，可以使用XML HttpRequest的send()方法来异步提交表单数据。
Struts1文件上传、单文件、多文件上传【Struts1】
热门推荐
12-01 1万+
将struts1文件上传的操作汇总了一下，包括单文件上传和多文件上传，内容如下，留作备忘：  Struts2实现文件上传的文章（http://blog.csdn.net/itwit/article/details/7031785） 1、单文件上传 1）JSP页面（singleFileUpload.jsp） 文件上传 name: upload:
基于struts 的FormFile实现文件的上传功能
wl_ldy的专栏
11-11 8138
 第一步：首先建个上传文件的简单的界面，代码如下：文件名(FileUpload.jsp)文件上传<!--function apply(){ var f=document.getElementById("form1"); var file=document.getElementById("file"); if(file.value!=){
struts2+jquery+ajax文件异步上传
05-30
Struts2、jQuery和Ajax是Web开发中的三个关键组件，它们共同构成了文件异步上传的基础框架。这个项目是在MyEclipse环境下实现的一个简单的文件上传功能，让我们深入了解一下这些技术及其在文件上传中的应用。 首先...
json struts2 ajax文件上传 input type=file,选择相同文件也提交 附带类库
11-04
在Struts2中，我们可以使用`<s:file>`标签来创建文件上传字段，并通过Action接收文件。配合Ajax，我们可以监听`change`事件，当用户选择文件后立即触发上传请求。在后台，Struts2的FileUpload拦截器会处理文件流，将...
JQuery_uploadify_struts2_jsp__ajax多文件上传
07-18
标题中的"JQuery_uploadify_struts2_jsp__ajax多文件上传"涉及到的是一个使用jQuery、uploadify插件、Struts2和JSP技术实现的AJAX多文件上传功能。这个功能允许用户在不刷新页面的情况下，上传多个文件到服务器。 ...
ajaxFileUpload+struts2实现多文件上传(源码)
07-02
通过以上步骤，我们就实现了基于`ajaxFileUpload`和`Struts2`的多文件上传功能。这个示例中的源码`struts_ajaxfileupload`可能包含了完整的项目结构，包括Action类、配置文件以及前端页面，可供开发者参考和学习。...
struts2 ajax上传图片以及提交form表单的值
10-28
在本场景中，我们将探讨如何在Struts2中实现AJAX上传图片并同时提交表单数据。 **一、Struts2文件上传** 在Struts2中，文件上传主要依赖于`org.apache.struts2.interceptor.FileUploadInterceptor`拦截器。首先，...
struts2 上传图片显示
01-02
使用struts2 上传图片到项目webapps目录下 然后生成缩略图 返回到页面显示缩略图
（Struts2+ajax+json)上传图片（文件)+ajaxfileupload.js插件的粗略分析
西界Blog
08-24 748
花时间买教训：   调试代码过程中，要敢于直面问题的本质，不要舍本逐末，急于搜集一大堆资料，而不仔细研究问题本质，浪费更多的时间，不值得。 先说说应用场景:   如题，前端页面利用ajax异步上传图片到服务器，交给Struts的action处理，返回json数据。 下面谈一谈踩到的一些坑，由于这个场景的例子网上已经很多，这里就不再重复造轮子，只是谈谈遇到的在这些例子中没有说到的问题 1.
struts 动态多文件上传
shiaisun的专栏
07-02 750
<br />  Struts动态多文件上传首先保证页面中的<input type="file">标签的名称name不同，struts标签property也一样。包含这些<input>的<form>其属性必须为 enctype="multipart/form-data"  method="post"。在formbean中，不需要定义类型为org.apache.struts.upload.FormFile的属性，也不需要List对象，建议使用DynaActionForm。action中取出上传的文件代码：Dy
关于struts 的FormFile多个文件上传问题处理
付出总比收获快乐
05-22 446
在struts中要实现多个文件同时上传。 jsp页面定义 [code="java"] [/code] formbean定义 [code="java"] private List files; //如果FormFile定义为数组类型，会报参数类型不匹配错误 //private FormFile[] files; [/code] action处理 [code="jav...
用struts上传多个文件的方法
hdhmail2000的专栏
01-04 638
最近在做Struts项目时遇到了上传多个文件的问题。在网上查了不少资料，也没有找到用Struts上传多个文件的例子。我经过几天的研究，实现了用Struts上传多个文件的功能。现在贴出来让大家共享！    一。建立ActionFormpackage com.cnehu.struts.form;import javax.servlet.http.HttpServletRequest;import or
通过Struts2、Ajax异步上传图片
web开发自学
06-04 211
1、下载JS插件jquery-1.4.2.min.js和jquery.form.js 2、HTML中的form表单如下： &lt;script type="text/javascript" src="js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;//引入插件 &lt;script type="text/javascript" src="js/jquery.
ajax实现表单上传多个文件 ， input多选文件，使用ajax一次全部提交到后端
江枫渔火
11-05 1031
原文地址：https://blog.lmlyz.online/index/detail/id/87.html 表单如下: <form id="addForm" name="addForm" method="POST" action="" enctype="multipart/form-data"> <input type="file" name="file[]" id="upload_file_more" multiple="multiple"/> <inp
ajax跨域多文件上传,AJAX2.0/express简述/CORS跨域/拖拽文件上传/multiple input的多文件上传属性...
weixin_39833429的博客
08-05 206
AJAX2.01.formdata:控制提交数据,文件上传;2.cors:跨域formdata 基础//formdata 常用的方法let data = new FormData();data.set(key,value)//设置一个key与value但是key重复的话value就会被覆盖data.append(key,value)//设置一个key与value,key重复的话value不会被覆盖...
利用ajaxSubmit提交的时候，解决多个input name相同的问题
JED'S BLOG
12-08 9231
有时候我们在移动端提交表单的时候，为了不让submit按钮提交后，页面跳转到form action的地址，我们可能会用ajax form 插件来提交整个表单。 按钮会就这么写 submit js部分，移动端如果用zepto的话 会这么写 $("button").on("tap",function(){ $("form").ajaxSubmit({ url: "h
Struts2文件上传教程与Ajax开发实践
浏览器端，为了成功上传文件，需要确保表单提交方式为POST，包含`<input type="file">`元素，并设置`enctype="multipart/form-data"`。服务器端，通常会依赖 Commons-fileupload.jar 包，Struts2的fileupload ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值