色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html js文件上傳代碼

張吉惟2年前9瀏覽0評論
隨著互聯網的快速發展,文件上傳已經成為了我們日常工作中常常會涉及到的一個環節。其中,html js文件上傳代碼被廣泛使用。本文將介紹一些常用的html js文件上傳代碼。 首先,我們來看一個簡單的例子,使用html和js語言上傳文件。

HTML文件上傳代碼:

<form action="file-upload.php" method="post" enctype="multipart/form-data"><input type="file" name="fileToUpload" id="fileToUpload"><input type="submit" value="上傳文件" name="submit"></form>

JS文件上傳代碼:

function uploadFile(url, formData, callback) {
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.onload = function() {
if (xhr.status === 200) {
callback(null, xhr.responseText);
} else {
callback(new Error(xhr.statusText));
}
};
xhr.onerror = function() {
callback(new Error("網絡錯誤"));
};
xhr.send(formData);
}
這段代碼的作用是在前端頁面中創建一個表單,將文件上傳至后臺,并將上傳的文件名稱和路徑存放在formData對象中,最后將formData對象通過POST方法提交至后臺。 接下來,我們來看一些常用的html js文件上傳代碼技巧: 1. 文件類型限制:可以通過accept屬性實現文件類型限制,例如: <input type="file" name="fileToUpload" id="fileToUpload" accept=".txt,.doc,.pdf">2. 文件大小限制:可以通過js代碼對上傳的文件進行大小限制,例如: <input type="file" onchange="if(this.files[0].size>1024*1024){alert('文件大小不能超過1MB');this.value='';}">3. 多個文件上傳:可以通過multiple屬性實現選擇多個文件上傳,例如: <input type="file" name="fileToUpload" id="fileToUpload" multiple>以上是一些常用的html js文件上傳代碼,希望能夠對您有所幫助。