最新公告
  • 欢迎您光临波比源码,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • uploadifive struts2实现图片上传

    uploadify是来自国外的1款优秀的jQuery上传插件,主要功能是批量上传文件,带进度显示。

    下面以HTML5 Version版本为例介绍uploadifive的使用,结合Struts2

    各软件版本以下:

    jQuery :1.8.0

    Struts2 : 2.3.16.3

    UploadiFive : 1.2.2

    由于HTML5 Version是收费的,但可移步到download进行下载


    1、添加对js和css文件的援用

    <script type="text/javascript" src="uploadify/jquery⑴.8.0.min.js"></script>
    <script type="text/javascript" src="uploadify/jquery.uploadifive.min.js"></script>
    <link rel="stylesheet" type="text/css" href="uploadify/uploadifive.css">

    2、JSP页面代码

    <body>
    <input id="file_upload" type="file" name="file" />
    <div id="tip-queue"></div>
    </body>
    <script type="text/javascript">
    $(function(){
    $(‘#file_upload’).uploadifive({
    //’auto’ : false, //取消自动上传
    ‘uploadScript’ : ‘fileUploadAction.action’, //处理上传文件Action路径
    ‘fileObjName’ : ‘file’, //文件对象
    ‘buttonText’ : ‘选择文件’, //按钮显示文字
    ‘queueID’ : ‘tip-queue’, //提示信息放置目标
    ‘fileType’ : ‘image/*’, //允许上传文件类型
    ‘onUploadComplete’ : function(file, data) { //文件上传成功后履行
    console.info(‘The file ‘ + file.name + ‘ uploaded successfully.’);
    }
    });
    })
    </script>

    3、struts.xml

    <!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts⑵.0.dtd">
    <struts>
    <package name="ajax_code" extends="json-default">
    <!– 文件上传 –>
    <action name="fileUploadAction" class="com.home.FileAction" method="fileUpload">
    <result type="json" name="success">
    <param name="contentType">text/html</param>
    </result>
    </action>
    </package>
    </struts>

    4、处理上传文件Action

    import java.io.File;
    import java.io.FileInputStream;
    import java.io.FileOutputStream;
    import java.io.InputStream;
    import org.apache.struts2.ServletActionContext;

    public class FileAction {
    private File file; // 文件
    private String fileFileName; // 文件名
    private String filePath; // 文件路径
    private InputStream inputStream;

    /**
    * 文件上传
    *
    * @return
    */
    public String fileUpload() {
    String path = ServletActionContext.getServletContext().getRealPath("/upload");
    File ff = new File(path); // 判断文件夹是不是存在,如果不存在则创建文件夹
    if (!ff.exists()) {
    ff.mkdir();
    }
    try {
    if (this.file != null) {
    File f = this.getFile();
    String fileName = java.util.UUID.randomUUID().toString(); // 采取时间+UUID的方式随即命名
    String name = fileName
    + fileFileName.substring(fileFileName.lastIndexOf(".")); // 保存在硬盘中的文件名

    FileInputStream inputStream = new FileInputStream(f);
    FileOutputStream outputStream = new FileOutputStream(path
    + "" + name);
    byte[] buf = new byte[1024];
    int length = 0;
    while ((length = inputStream.read(buf)) != ⑴) {
    outputStream.write(buf, 0, length);
    }
    inputStream.close();
    outputStream.flush();
    // 文件保存的完全路径
    // 比如:D: omcat6webappseserveruploada0be14a1-f99e⑷239-b54c-b37c3083134a.png
    filePath = path + "" + name;
    }
    } catch (Exception e) {
    e.printStackTrace();
    }
    return "success";
    }

    public File getFile() {
    return file;
    }

    public void setFile(File file) {
    this.file = file;
    }

    public String getFileFileName() {
    return fileFileName;
    }

    public void setFileFileName(String fileFileName) {
    this.fileFileName = fileFileName;
    }

    public String getFilePath() {
    return filePath;
    }

    public void setFilePath(String filePath) {
    this.filePath = filePath;
    }

    public InputStream getInputStream() {
    return inputStream;
    }

    public void setInputStream(InputStream inputStream) {
    this.inputStream = inputStream;
    }

    }

    项目基本结构以下图:

    效果如图:

    项目源码下载:download

    作者:itmyhome

    转载请注明出处:http://blog.csdn.net/itmyhome1990/article/details/44061225

    波比源码 – 精品源码模版分享 | www.bobi11.com
    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

    波比源码 » uploadifive struts2实现图片上传

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    波比源码
    一个高级程序员模板开发平台
    升级波友尊享更多特权立即升级