AjaxFileUpload怎麼動態的新增檔案上傳框
這次帶給大家AjaxFileUpload怎麼動態的新增檔案上傳框，AjaxFileUpload動態新增檔案上傳框的注意事項有哪些，下面就是實戰案例，一起來看一下。
但只是固定的文件個數，如果需求不確定是多少文件 則我們就需要動態的添加文件上傳框，以實現靈活性。
基於上篇基本框架是不變的，主要修改以下幾個面向
#1、jQuery實作動態新增刪除檔案上傳框
# 2、取得檔案上傳框的ID
3、ajaxfileupload.js裡將ID陣列轉換為需要的Object陣列
#依序解決上面問題
#一、實作動態新增刪除檔案上傳框
<body> <form action="" enctype="multipart/form-data"> <h2> 多文件上传 </h2> <input type="file" id="file1" name="file" /><a id="add" href="javascript:void();" rel="external nofollow" onclick="addFile();">添加</a> <span> <table id="down"> </table> </span> </br> <input type="button" onclick="fileUpload();" value="上传"> </form> </body>
<script type="text/javascript">
//添加附件
function addFile(){
var fileLength = $("input[name=file]").length+1;
var inputFile = "<p id='addFile"+fileLength+"'><input type='file' id='file"+fileLength+"' name='file' />"
+"<a href='javascript:void();' onclick='delFile("+fileLength+");'>删除</a></p>";
$("#add").after(inputFile);
}
//删除附件
function delFile(id){
$("#addFile"+id).remove();
}
</script>#二、取得檔案上傳框的ID
由於我們不知道有多少上傳框,每次新增一個上傳框,其id屬性都是以file1,file2方式遞增的
可以用each循環拼接字元
var files = "";
//获取所有 <input type="file" id="file1" name="file" /> 的ID属性值
$("input[name=file]").each(function(){
files = files + $(this).attr("id")+",";
})
//将字符最后一逗号(,)截取掉
files = files.substring(0,files.length-1);然後我們取得的files值如：
var files = "file1,file2,file3";可以使用
console.info(typeof(files));檢視files為string類型
var files = ['file1','file2','file3'];
而不是
#所以需要進行轉換，其實也未必非得在ajaxfileupload.js裡進行操作
var oldElement = jQuery('#' + fileElementId);
var newElement = jQuery(oldElement).clone();
jQuery(oldElement).attr('id', fileId);
jQuery(oldElement).before(newElement);
jQuery(oldElement).appendTo(form);var t = '';
if(typeof(fileElementId) == 'string'){
/*
* 将传过来的值 如："file1,file2,file3" 转换为：['file1','file2','file3']
*/
var s = fileElementId.split(",");
for(var i in s){
t = t + "'"+s[i]+"'"+",";
}
t = "["+t+"]";
t = t.replace(",]", "]")
}
fileElementId= eval('('+ t +')'); //将string类型转换为Object类型以上是AjaxFileUpload怎麼動態的新增檔案上傳框的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
微信檔案過期怎麼恢復 微信的過期檔案能恢復嗎
Feb 22, 2024 pm 02:46 PM
開啟微信，在我中選擇設置，選擇通用後選擇儲存空間，在儲存空間選擇管理，選擇要恢復檔案的對話選擇感嘆號圖示。教學適用型號：iPhone13系統：iOS15.3版本：微信8.0.24解析1先開啟微信，在我的頁面中點選設定選項。 2接著在設定頁面中找到並點選通用選項。 3然後在通用頁面中點選儲存空間。 4接下來在儲存空間頁面中點選管理。 5最後選擇要恢復檔案的對話，點選右側的感嘆號圖示。補充：微信文件一般幾天過期1要是微信接收的文件並沒有點開過的情況下，那在七十二鐘頭之後微信系統會清除掉，要是己經查看了微信
照片無法開啟此文件，因為格式不受支援或文件已損壞
Feb 22, 2024 am 09:49 AM
在Windows系統中，照片應用程式是一個方便的方式來檢視和管理照片和影片。透過這個應用程序，用戶可以輕鬆存取他們的多媒體文件，而無需安裝額外的軟體。然而，有時用戶可能會碰到一些問題，例如在使用照片應用程式時遇到「無法開啟此文件，因為不支援該格式」的錯誤提示，或在嘗試開啟照片或影片時出現文件損壞的問題。這種情況可能會讓使用者感到困惑和不便，需要進行一些調查和修復來解決這些問題。當用戶嘗試在Photos應用程式上開啟照片或影片時，會看到以下錯誤。抱歉，照片無法開啟此文件，因為目前不支援該格式，或該文件
可以刪除Tmp格式檔案嗎？
Feb 24, 2024 pm 04:33 PM
Tmp格式檔案是一種暫存檔案格式，通常由電腦系統或程式在執行過程中產生。這些文件的目的是儲存臨時數據，以幫助程式正常運行或提高效能。一旦程式執行完成或電腦重啟，這些tmp檔案往往就沒有了存在的必要性。所以，對於Tmp格式檔案來說，它們本質上是可以刪除的。而且，刪除這些tmp檔案能夠釋放硬碟空間，確保電腦的正常運作。但是，在刪除Tmp格式檔案之前，我們需
出現0x80004005錯誤代碼怎麼辦 小編教你0x80004005錯誤代碼解決方法
Mar 21, 2024 pm 09:17 PM
在電腦中刪除或解壓縮資料夾，時有時會彈出提示對話框“錯誤0x80004005：未指定錯誤”，如果遇到這中情況應該怎麼解決呢？提示錯誤碼0x80004005的原因其實很多，但大部分因為病毒導致，我們可以重新註冊dll來解決問題，下面，小編給大夥講解0x80004005錯誤代碼處理經驗。有使用者在使用電腦時出現錯誤代碼0X80004005的提示，0x80004005錯誤主要是由於電腦沒有正確註冊某些動態連結庫文件，或電腦與Internet之間存在不允許的HTTPS連接防火牆所引起。那麼如何
斜線和反斜線在檔案路徑中的不同使用
Feb 26, 2024 pm 04:36 PM
檔案路徑是作業系統中用於識別和定位檔案或資料夾的字串。在檔案路徑中，常見的有兩種符號分隔路徑，即正斜線（/）和反斜線（）。這兩個符號在不同的作業系統中有不同的使用方式和意義。正斜線（/）是Unix和Linux系統中常用的路徑分隔符號。在這些系統中，檔案路徑是以根目錄（/）為起始點，每個目錄之間使用正斜線進行分隔。例如，路徑/home/user/Docume
米家怎麼加電視
Mar 25, 2024 pm 05:00 PM
許多用戶在現代生活中越來越青睞小米智慧家庭互聯的電子生態，那麼連接米家APP後，你就可以輕鬆用手機來控制連接設備，但是很多用戶們還不知如何將自己的家居添加米家app中，那麼這篇教學攻略將為大家帶來具體連接方法步驟攻略，希望能幫助到各位有需要的小夥伴們。 1.下載米家APP後，建立或登入小米帳號。 2.添加方法：當全新的設備通電後，將手機靠近設備並打開小米電視，正常情況下會彈出連接提示，選擇“確定”即進入設備連接流程。若無提示彈出，也可以手動新增設備，方法是：進入智慧型家庭APP後，點選左下方第1
夸克網盤的檔案怎麼轉移到百度網盤？
Mar 14, 2024 pm 02:07 PM
夸克網盤和百度網盤都是現在最常用的儲存文件的網盤軟體，如果想要將夸克網盤內的文件保存到百度網盤，要怎麼操作呢？本期小編整理了夸克網盤電腦端的檔案轉移到百度網盤的教學步驟，一起來看看是怎麼操作吧。 夸克網盤的檔案怎麼存到百度網盤？要將夸克網盤的文件轉移到百度網盤，首先需在夸克網盤下載所需文件，然後在百度網盤用戶端中選擇目標資料夾並開啟。接著，將夸克網盤中下載的檔案拖放到百度網盤用戶端開啟的資料夾中，或使用上傳功能將檔案新增至百度網盤。確保上傳完成後在百度網盤中查看檔案是否已成功轉移。這樣就
hiberfil.sys是什麼檔案？ hiberfil.sys可以刪除嗎？
Mar 15, 2024 am 09:49 AM
最近有很多網友問小編，hiberfil.sys是什麼文件？ hiberfil.sys佔用了大量的C碟空間可以刪除嗎？小編可以告訴大家hiberfil.sys檔是可以刪除的。下面就來看看詳細的內容。 hiberfil.sys是Windows系統中的隱藏文件，也是系統休眠文件。通常儲存在C盤根目錄下，其大小與系統安裝記憶體大小相當。這個檔案在電腦休眠時被使用，其中包含了當前系統的記憶體數據，以便在恢復時快速恢復到先前的狀態。由於其大小與記憶體容量相等，因此它可能會佔用較大的硬碟空間。 hiber
