uploadify上传文件

  1. 页面部分:

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@include file="/common/taglibs.jsp"%>

<%@ page import="com.cattsoft.baseplatform.func.sm.entity.SysUser"%>

<html>

<head>

<title>文件管理页面</title>

<link type="text/css" rel="stylesheet" href="<%=baseurl%>js/uploadify/uploadify.css"/>

<script type="text/javascript" src="<%=baseurl%>js/uploadify/jquery.uploadify.min.js"></script>

<script type="text/javascript" src="<%=baseurl%>js/json2.js"></script>

<script type="text/javascript" src="<%=baseurl %>js_model/sm/file.js"></script>

</head>

</html>

<body>

<div class="cbim_nav">

<ul>

<li>请选择图片:</li>

<li id="more">

<form id="form" method="post">

<span style="color:red;"><s:fielderror/></span>

<input type="hidden" name="filefkuuid" id="filefkuuid"

value="<s:property value="#request.im.filefkuuid"/>" />

</form>

<div id="some_file_queue"></div>

<div id="result"></div>

<input type="file" name="uploadify" id="file1" />

<a href="javascript:$(‘#file1‘).uploadify(‘upload‘,‘*‘)">开始上传</a>

<a href="javascript:$(‘#file1‘).uploadify(‘cancel‘, ‘*‘)">取消上传队列</a>

</li>

<li class="cbim_nav_sc"><a href="javascript:void(0)" onclick="deleteFileBatch()">删除</a></li>

</ul>

<script type="text/javascript">

var filefkuuid=document.getElementById("filefkuuid").value;

$(‘#file1‘).uploadify({

‘uploader‘:‘<%=baseurl%>imorg/ImorgAction!uploadFile.action‘,

‘swf‘:‘<%=baseurl%>js/uploadify/uploadify.swf‘,

‘fileObjName‘:‘uploadify‘,

‘buttonText‘: "上传图片",

‘queueID‘  : ‘some_file_queue‘,

‘formData‘:{‘filefkuuid‘:filefkuuid},

‘auto‘:false,

‘height‘:20,

‘width‘:50,

‘method‘:‘post‘,

‘postData‘ : {},

‘multi‘ : true,

‘removeCompleted‘ : true,

‘removeTimeout‘ : 0.5,

‘requeueErrors‘ : true ,

‘fileSizeLimit‘ :‘1024KB‘,

‘fileTypeDesc‘: "请选择 jpg,png,gif,jpeg.bmp格式的图片",

‘fileTypeExts‘:‘*.jpg;*.gif;*.png;*.jpeg;*.bmp‘,

‘onSelectError‘:function(){

alert(‘请选择 jpg,png,gif,jpeg.bmp格式的图片‘);

},

‘onFallback‘:function(){

alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");

},

‘onUploadSuccess‘:function(file,data,response){

$.messager.alert("消息","上传图片成功");

queryFile();

}

});

</script>

</div>

<!-- </form> -->

<div class="cbim_table">

<table id="demo"></table>

<script type="text/javascript">

queryFile();

</script>

</div>

2.</body>后台处理:

private File uploadify;

private String uploadifyFileName;

private String uploadifyContentType;

Set,get方法

/**

* 上传图片

*

* @author tangshuan

* @version   1.0, 2015年9月10日

* @see

* @since 1.0

*/

public String uploadFile() {

//保存上传文件名称

String fileName="";

Properties p = PropertiesLoader.load(SysConstants.File.FILE_MANAGER_PROP_NAME);

String root = p.getProperty(SysConstants.File.FILE_ROOT_PHYSICAL);

String fileRoot=p.getProperty(SysConstants.File.FILE_ROOT);

File files=new File(root);

if(!files.exists()){

files.mkdirs();

}

if(uploadify!=null){

if(uploadify.exists()){

InputStream is=null;

OutputStream os=null;

try {

is = new FileInputStream(uploadify);

//以文件后缀名称建立文件夹

String filePath=root+"/"+getName(uploadifyFileName);

File file=new File(filePath);

if(!file.exists()){

file.mkdirs();

}

fileName=new Date().getTime()+this.uploadifyFileName;

File destFile=new File(filePath,fileName);

os = new FileOutputStream(destFile);

byte[] buffer=new byte[1024];

int length=0;

while((length=is.read(buffer))>0){

os.write(buffer, 0, length);

}

} catch (FileNotFoundException e) {

e.printStackTrace();

} catch (IOException e) {

e.printStackTrace();

}

try {

is.close();

os.close();

} catch (IOException e) {

e.printStackTrace();

}

}

}

if(uploadifyFileName!=null){

imfilemg.setFilename(uploadifyFileName);

String s=getName(uploadifyFileName)+"/"+fileName;

imfilemg.setFilepath(fileRoot+"/"+s);

imfilemg.setFilesuffix(getName(uploadifyFileName));

imfilemg.setTabpkval(filefkuuid);

imfilemg.setTablname("im_org_b");

imfilemg.setTabpkname("业务UUID");

try {

imfilemgbService.insertImFilemgB(imfilemg);

} catch (Exception e) {

e.printStackTrace();

}

}

result="uploadFile";

return "uploadFile";

}

Struts配置文件:

<package name="imorg" namespace="/imorg" extends="default">

<action name="ImorgAction"

class="com.cattsoft.nxii.web.sm.ImorgAction" >

<interceptor-ref name="fileUpload">

<!-- 配置允许上传的文件类型

<param name="allowedTypes">

image/bmp,image/png,

image/gif,image/jpeg,image/jpg

</param>

配置允许上传的文件大小 单位字节

<param name="maximumSize">1005242880</param> -->

</interceptor-ref>

<interceptor-ref name="catt.jsonSimpleStack" />

</action>

</package>

时间: 2024-12-15 06:59:01

uploadify上传文件的相关文章

ASP.NET Uploadify 上传文件过大报错

Uploadify上传文件原来很早之前用过,没发现什么问题.今天再使用过程中,当文件大于30M的时候就会报错404.查看错误消息提示配置最大上传太小了.需要修改. 记得原来配置上传文件大小在这里:<httpRuntime maxRequestLength="2097100" executionTimeout="3600"/> 配置即可.可是当我这里修改了之后发现还是错误.就想是不是上传控件本身有限制,看到我的有limitSize:30 已经设置了大小,但

MVC3+jquery Uploadify 上传文件

最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地址:http://www.uploadify.com/download/ 1.引用文件 <link href="@Url.Content("~/Scripts/uploadify/uploadify.css")" rel="stylesheet"

uploadify上传文件(2)--基础语法

隔了好久,因为最近搬家,离开从小生活的城市,来到杭州.找工作.找房子等诸多事宜耽误了这篇文章许久.今天难得闲暇在旅馆中完成uploadify上传文件系列的第二篇--uploadify使用的基础语法. 下面我们看一看如何在你的项目上部署uploadify: 本文目录: 1.使用步骤 2.属性 3.事件 4.方法 使用步骤 1.我们假定上传控件部署在网站根目录下的upload. php中,uploadify文件夹位于网站根目录中,上传的文件保存在根目录下的upload文件夹中,uploadify文件

SpringMVC+jquery.uploadify 上传文件

前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在Controller Action中用@RequestParam MultipartFile file就能拿到上传文件信息.后我直接使用uploadify的方式上传,接口没有做任何调整,上传的过程中报http400, 客户端的请求不符合接口的要求,表单post提交时报文参数是以Form Data方式,

【第九篇】uploadify上传文件

依然不多说,上代码 首先是给文件夹的位置 然后上代码 1 <div class="upload"> 2 <div class="uploadswf"> 3 <input type="file" name="uploadify" id="uploadify" style="vertical-align: middle;" /> 4 <span id

[Plugin] JQuery.uploadify上传文件插件的使用详解For ASP.NET

URL:http://www.cnblogs.com/xiaopin/archive/2010/01/21/1653523.html 今天下午整理文件上传的例子,感觉收集到的例子都很不人性话,后来找到一个还可以的,本来想改成类似于腾讯QQ相册那种方式,仔细看了一下是Flash的, 而且那个极速上传插件也不知道用什么做的?问了一下,说是什么cgi. 搞得一头雾水! 后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..!

jquery uploadify上传文件时报HTTP401错误

1.http 401错误简单介绍 当用浏览器访问一个服务地址时,会向服务发送一个http请求,服务变会处理请求,并给浏览器返回一个状态码,每个状态码代表的不同的服务响应状态.     比如:200 代码响应成功,404资源未找到 这里的401就代表没有访问资源的权限状态. 2.401错误分析原因 正如上面介绍的一样,uploadify发出了上传请求,但服务端认为请求没有相应的权限. 现在大多数的身份验证用的是session,如果浏览器的cookie是打开的,那么sessionid的值是存在coo

Uploadify上传文件中文文件名乱码 Java

Uploadify是个很好的上传文件组件,但用它来上传带有中文名字的文件时,乱码一个不小心就蹦了出来,最新版本Uploadify v3.2 在用的时候,我页面是GBK编码,想到后台接收的时候肯定会乱码,开始用new String(fileName.getBytes("GBK"),"utf-8");来进行转码(后台用java写的),开始我测试上传了几个中文名称的文件,很正常,但是客户那边用了后,反应文件上传了找不到,KB的开始调试了,把客户的文件拿过来做测试,妈了个咪

struts2+uploadify上传文件

common.uploadPhoto=function(){ $("#uploadFile").uploadify({ swf: '/ecp/res/web/plugins/uploadify/uploadify.swf', //[必须设置]swf的路径 uploader:common.uploader, //[必须设置]上传文件触发的url buttonImg:'/ecp/res/web/img/152743_719516335.png', width: 120, //设置浏览按钮的