當前位置:首頁 » 文件傳輸 » 無刷新文件上傳系統
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

無刷新文件上傳系統

發布時間: 2022-03-31 14:24:57

Ⅰ ajax實現無刷新上傳

我只知道原理

JS創建一個框架, 然後提交到那裡 , 上傳完成後 再回來 就是這樣

Ⅱ java 如何做無刷新上傳文件!

文件上傳必須使用form提交,不能使用ajax,form提交不刷新頁面可以採用下面的寫法
<form action="#" target="x">
<input type="submit" value="XXXXXXXX"/>
</form>
<iframe name="x" style="height:0px;"></iframe>

Ⅲ 用php如何進行無刷新文件上傳

最近做項目時需要用到無刷新上傳圖片並預覽,在網上找了一些教程,似乎最簡單的方法就是iframe上傳。一個最原始最簡單的iframe上傳例子:

前台上傳頁面index.html,主要是一個表單與一個js回調函數。上傳文件時,form表單的method、 enctype屬性必須和下面代碼一樣。然後將target的值設為iframe的name,這樣就可以實現無刷新上傳文件。

XML/HTML代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上傳文件</title>
</head>

<body>
<script>
function CallbackFunction(str){
alert("上傳成功");
}
</script>
<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload">
<iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"></iframe>
<input id="test_file" name="test_file" type="file">
<input value="上傳文件" type="submit">
</form>
</body>
</html>
後台上傳處理頁面uploadfile.php,這段代碼為簡單的上傳代碼,沒有進行錯誤及異常處理。上傳代碼執行完成後,要告訴父頁面已經上傳完畢了,因此,在這個頁面里調用父頁面的回調函數CallbackFunction,這個函數可以有參數,形式自己定義。

PHP代碼
<?php
set_time_limit(0);
if($_SERVER['REQUEST_METHOD']=='POST') {
move_uploaded_file($_FILES["test_file"]["tmp_name"],
dirname($_SERVER['SCRIPT_FILENAME'])."/UploadTemp/" . $_FILES["test_file"]["name"]);
echo "<script>window.parent.CallbackFunction();</script>";
}
?>
以上是用iframe實現無刷新上傳文件的簡單方法,想要健壯的程序的話需要再細化。

Ⅳ 無刷新上傳圖片怎樣實現

swfupload 這個是很強大的不過也有些它自身的缺點比如默認的文件名 如果你需要的話 針對默認文件名 如果你需要修改的話 同時上傳到伺服器 這個時候操作起來就不是很爽 查看原帖>>

Ⅳ 急需 ASPupload + js 無刷新上傳的代碼!

ajaxupload.js
jquery-1.3.2.min.js
這兩個文件網上有下載

這樣就構成了你要的所有功能!

up.html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>技術預覽</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/ajaxupload.js"></script>
<script type="text/javascript">
$(document).ready(function(){
new AjaxUpload('#upload_button1', {
action: 'upload.asp',
name:'file1',
data:{
formpath:'./a',
formautonamed:'1'
},
//選擇後自動開始上傳
autoSubmit:true,
//返回Text格式數據
responseType: false,
//上傳的時候按鈕不可用
onSubmit : function(filename,ext){
//設置允許上傳的文件格式
if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
alert('未允許上傳的文件格式!');
// cancel upload
return false;
}
},
//上傳完成後取得文件名filename為本地取得的文件名,msg為伺服器返回的信息
onComplete: function(filename,msg) {$('#UL').val(msg);}
});
});

</script>
<style type="text/css">
body { margin:0px; font-size:12px;}
#upload_button1 { width:100px; height:50px; background-color:#CEE7FF; text-align:center; line-height:50px; cursor:pointer;}
</style>
</head>

<body>
<div id="upload_button1">上傳附檔</div>
<input type="text" id="UL" />
</body>
</html>

upload.asp文件
<%
Set Upload = Server.CreateObject("Persits.Upload")
HH_savepath=server.mappath("upload")
Upload.Save(HH_savepath)
For Each H_File in Upload.Files 、
HH_upedfilename=H_File.filename
Next
set Upload=Nothing
%>
<%=HH_upedfilename%>

Ⅵ html的file控制項 如何結合ajax無刷新上傳

ajax不是有個request的那個類嗎,用那個和伺服器通信,上傳文件。

Ⅶ 有辦法實現無刷新上傳文件嗎不使用包含方式在。。。類似使用AJAX

QQ客戶端程序跟WEB不一樣的嘛,那你可以用AJAX實現啊。暈AJAX只是把處理放到後台了,並不是讓JS去上傳。用AJAX調用業務邏輯最後再用JS修改頁面。這樣達到無刷新的效果。 別人寫的例子:http://www.javaeye.com/topic/81120

Ⅷ ajax無刷新上傳文件後,下面填寫好的的文本框內容會被清空,求大神幫助!急急急!!

無刷新上傳文件你是吧文件用js編譯成2進制 字元串後在ajax的嗎?
或者說你沒用ajax使用的是action上傳