uploadify的使用方法_uploadify插件如何使用

⑴ 怎麼用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>&nbsp;
<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就是了，直接復制到你項目中就可以了，上傳文件的路徑根據需要自己修改，望採納！

導航:首頁 > 使用方法 > uploadify的使用方法

uploadify的使用方法

與uploadify的使用方法相關的資料