⑴ 怎么用javascript方法获取uploadify返回的路径
在上传文件特别是上传图片的时候,我们需要上传完毕后,获取文件的路径,以便于生成缩略图等。
实现思路为,上传文件->服务器保存文件->输出文件路径->前端接收路径。
uploadify有个onComplete 的方法,这个方法参数有event, ID, fileObj, response, data,其中response就是服务器输出的内容。可以使用这个方法来获取返回的路径。
例如:服务器 echo '1.jpg';
JS代码:
$("#uploadify").uploadify({
onComplete:function(event,ID,fileObj,response,data){
alert(response);//弹出内容为1.jpg
}
});
⑵ asp.net下uploadify上传控件的使用
服务器端配置允许上传大文件了没有。默认20M。
你先用小一点的文件试试,没有问题的话,那说明程序没问题。应该是服务器配置的问题
⑶ 在struts2如何使用uploadify插件使得添加多个文件,并最后一次性提交
可以放一个隐藏域 uploadify上传后把返回的文件名放到隐藏域里,然后就可以跟表单一起提交 如果上传多个文件也同样可以这样操作,只不过注意分隔符分开,以便读取
⑷ jquery.uploadify.js 怎么使用
1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。
2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。
3 在项目中添加UploadFile文件夹,用来存放上传的文件。
⑸ java使用uploadify上传图片,打开图片后不添加到上传队列
formdata这个参数没设置啊,你要调用哪个service,哪个方法,什么参数都没,,,
⑹ jquery 上传文件插件uploadify jsp版本
1、下载最新的zip压缩包 http://www.uploadify.com
2、从其中提取文件。
下载插件安装包后,可以看到官方给出的例子。里面文件夹的几个主要文件:jquery.uploadify.js(完成上传功能的脚本文件,在调用页面引
用)、uploadify.css(外观样式表)、uploader.swf(上传控件的主体文件,flash控件)、upload.php(服务器端处
理文件,官方仅提供了php版的)。
下面我使用的是在MyEclipse部署的java版。注意:需要加入三个commons.jar包:io、logging、fileupload。
3、导入default.css,uploadify.css,jQuery脚本,swfobject脚本和Uploadify插件。并且添加调用插件使用$,在您的网页的<head>部分ready事件:
<%@pagelanguage="java"contentType="text/html;charset=utf-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>Upload</title>
<!--装载文件-->
<linkhref="css/default.css"rel="stylesheet"type="text/css"/>
<linkhref="css/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="scripts/jquery-1.3.2.min.js"></script>
<scripttype="text/javascript"src="scripts/swfobject.js"></script>
<scripttype="text/javascript"src="scripts/jquery.uploadify.v2.1.0.min.js"></script>
<!--ready事件-->
<scripttype="text/javascript">
$(document).ready(function(){
$("#uploadify").uploadify({
'uploader':'uploadify.swf',
'script':'servlet/Upload',//后台处理的请求
'cancelImg':'images/cancel.png',
'folder':'uploads',//您想将文件保存到的路径
'queueID':'fileQueue',//与下面的id对应
'queueSizeLimit':1,
'fileDesc':'rar文件或zip文件’,
'fileExt':'*.rar;*.zip',//控制可上传文件的扩展名,启用本项时需同时声明fileDesc
'auto':false,
'multi':true,
'simUploadLimit':2,
'buttonText':'BROWSE'
});
});
</script></head>
<body>
<divid="fileQueue"></div>
<inputtype="file"name="uploadify"id="uploadify"/>
<p>
<ahref="javascript:jQuery('#uploadify').uploadifyUpload()">开始上传</a>
<ahref="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>
</p>
</body>
</html>
4、后台处理的upload.java
packagecom.xzit.upload;
importjava.io.File;
importjava.io.IOException;
importjava.util.Iterator;
importjava.util.List;
importjava.util.UUID;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importorg.apache.commons.fileupload.FileItem;
importorg.apache.commons.fileupload.FileUploadException;
importorg.apache.commons.fileupload.disk.DiskFileItemFactory;
importorg.apache.commons.fileupload.servlet.ServletFileUpload;
@SuppressWarnings("serial")
{
@SuppressWarnings("unchecked")
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
StringsavePath=this.getServletConfig().getServletContext()
.getRealPath("");
savePath=savePath+"/uploads/";
Filef1=newFile(savePath);
System.out.println(savePath);
if(!f1.exists()){
f1.mkdirs();
}
DiskFileItemFactoryfac=newDiskFileItemFactory();
ServletFileUploapload=newServletFileUpload(fac);
upload.setHeaderEncoding("utf-8");
ListfileList=null;
try{
fileList=upload.parseRequest(request);
}catch(FileUploadExceptionex){
return;
}
Iterator<FileItem>it=fileList.iterator();
Stringname="";
StringextName="";
while(it.hasNext()){
FileItemitem=it.next();
if(!item.isFormField()){
name=item.getName();
longsize=item.getSize();
Stringtype=item.getContentType();
System.out.println(size+""+type);
if(name==null||name.trim().equals("")){
continue;
}
//扩展名格式:
if(name.lastIndexOf(".")>=0){
extName=name.substring(name.lastIndexOf("."));
}
Filefile=null;
do{
//生成文件名:
name=UUID.randomUUID().toString();
file=newFile(savePath+name+extName);
}while(file.exists());
FilesaveFile=newFile(savePath+name+extName);
try{
item.write(saveFile);
}catch(Exceptione){
e.printStackTrace();
}
}
}
response.getWriter().print(name+extName);
}
}
5、配置处理的servlet
Web.xml文件
<?xmlversion="1.0"encoding="UTF-8"?>
<web-appversion="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<servlet-name>upload</servlet-name>
<servlet-class>com.xzit.upload.Upload</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>upload</servlet-name>
<url-pattern>/servlet/Upload</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
6.完成。
⑺ uploadify 3.2.1中点击开始上传没有反应
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<title>jquery.uploadify上传插件的使用</title>
<linkrel="Stylesheet"href="js/Plug-in/jquery.uploadify/uploadify.css"/>
<scripttype="text/javascript"src="js/Plug-in/jquery.uploadify/jquery-1.3.2.min.js"></script>
<scripttype="text/javascript"src="js/Plug-in/jquery.uploadify/swfobject.js"></script>
<scripttype="text/javascript"src="js/Plug-in/jquery.uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("#uploadify").uploadify({
'uploader':'js/Plug-in/jquery.uploadify/uploadify.swf',
'script':'uploadify.php',
'cancelImg':'js/Plug-in/jquery.uploadify/cancel.png',
'folder':'uploadfile',
'queueID':'fileQueue',
'auto':false,
'multi':true,
});
});
</script>
</head>
<body>
<inputtype="file"name="uploadify"id="uploadify"/>
<ahref="javascript:$('#uploadify').uploadifyUpload()">上传</a>|<ahref="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
<divid="fileQueue"></div>
</body>
</html>
后台uploadify.php
<?php
/*
Uploadifyv2.1.0
ReleaseDate:August24,2009
Copyright(c)2009RonnieGarcia,TravisNickels
Permissionisherebygranted,freeofcharge,toanypersonobtaininga
(the"Software"),todeal
,
touse,,modify,merge,publish,distribute,sublicense,and/orsell
copiesoftheSoftware,
furnishedtodoso,:
.
THESOFTWAREISPROVIDED"ASIS",WITHOUTWARRANTYOFANYKIND,EXPRESSOR
IMPLIED,,
.INNOEVENTSHALLTHE
,DAMAGESOROTHER
LIABILITY,WHETHERINANACTIONOFCONTRACT,TORTOROTHERWISE,ARISINGFROM,
THESOFTWARE.
*/
if(!empty($_FILES)){
$tempFile=$_FILES['Filedata']['tmp_name'];
$targetPath=$_SERVER['DOCUMENT_ROOT'].$_REQUEST['folder'].'/';
$targetFile=str_replace('//','/',$targetPath).$_FILES['Filedata']['name'];
$targetFile=iconv("utf-8","gbk",$targetFile);
//$fileTypes=str_replace('*.','',$_REQUEST['fileext']);
//$fileTypes=str_replace(';','|',$fileTypes);
//$typesArray=split('|',$fileTypes);
//$fileParts=pathinfo($_FILES['Filedata']['name']);
//if(in_array($fileParts['extension'],$typesArray)){
//'texist
//mkdir(str_replace('//','/',$targetPath),0755,true);
move_uploaded_file($tempFile,$targetFile);
echo"1";
//}else{
// echo'Invalidfiletype.';
//}
}
?>
⑻ 请问ASP要如何使用jquery的插件uploadify,官网上的只有PHP的
Uploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特色总结如下:
支持单文件或多文件上传,可控制并发上传的文件数
在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展,可控制每一步骤的回调函数(onSelect, onCancel……)
通过接口参数和CSS控制外观
更多……
相关链接
Uploadify主页地址:http://www.uploadify.com/ 在该页面你可以了解到关于他的更多内容。
Uploadify在线演示:在线Demo
Uploadify配置参数及接口文档:http://www.uploadify.com/documentation
Uploadify插件下载地址:http://www.uploadify.com/download
使用方法
下载插件安装包后,可以看到里面的几个主要文件:jquery.uploadify.js(完成上传功能的脚本文件,在调用页面引用)、uploadify.css(外观样式表)、uploader.swf(上传控件的主体文件,flash控件)、upload.php(服务器端处理文件,官方仅提供了php版的)
引用了插件文件后,在页面中做如下调用:
//声明一个普通的html文件上传控件,并指定id
<input type="file" name="fileInput" id="fileInput" />
//将声明的普通上传控件与Uploadify插件绑定
<script type="text/javascript">
$(document).ready(function() {
$('#fileInput').fileUpload ({
//以下参数均是可选
'uploader' : 'uploader.swf', //指定上传控件的主体文件,默认‘uploader.swf’
'script' : 'upload.php', //指定服务器端上传处理文件,默认‘upload.php’
'cancelImg' : 'cancel.png', //指定取消上传的图片,默认‘cancel.png’
'auto' : true, //选定文件后是否自动上传,默认false
'folder' : '/uploads' //要上传到的服务器路径,默认‘/’
'muti' : true, //是否允许同时上传多文件,默认false
'fileDesc' : 'rar文件或zip文件' //出现在上传对话框中的文件类型描述
'fileExt' : '*.rar;*.zip', //控制可上传文件的扩展名,启用本项时需同时声明fileDesc
'sizeLimit': 86400 //控制上传文件的大小,单位byte
'simUploadLimit' :5 //多文件上传时,同时上传文件数目限制
});
});
</script>
上面列出了我认为常用的配置选项,此外还有很多参数可配置,参考官方文档
通过调用相关功能函数,声明功能按钮。
例如声明上传功能按钮(自动上传时不需要):
<a href="javascript:$('#fileInput').fileUploadStart();">上传文件</a>
声明取消多文件上传时上传队列:
<a href="javascript:$('#fileInput').fileUploadClearQueue();">取消上传队列</a>
文章来自中国建站:http://www.jz123.cn/text/2419333.html
⑼ thinkPHP uploadify 或者swfuoload使用方法
我也不想说,单文件都会了,还不会多文件......
⑽ uploadify插件如何使用
首先,导入JS,前端写个AJAX做上传,处理上传的,index.php就是了,直接复制到你项目中就可以了,上传文件的路径根据需要自己修改,望采纳!