VB。net JS上传图片(FormData,一次多图)
时间: 2024-09-30 11:10:36 浏览: 12
VB.NET 和 JavaScript 通常结合使用来构建 web 应用程序,其中文件上传功能包括图片上传。当你需要通过 FormData 对象一次性上传多张图片时,可以按照以下步骤操作:
1. HTML 部分:
```html
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="images[]" multiple>
<button type="submit">上传</button>
</form>
```
这里使用了 `multiple` 属性允许用户选择多张图片。
2. JavaScript (使用 jQuery 或原生 JS):
```javascript
<script>
$(document).ready(function () {
$('#uploadForm').on('submit', function (e) {
e.preventDefault(); // 阻止表单默认提交行为
var formData = new FormData($(this)[0]); // 获取FormData对象
$.ajax({
url: "your-upload-url", // 你的服务器接收图片的 URL
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function (response) {
console.log(response); // 处理上传成功后的响应
},
error: function (error) {
console.error(error);
}
});
});
});
</script>
```
或者使用原生 JavaScript:
```javascript
document.getElementById('uploadForm').addEventListener('submit', function(e) {
e.preventDefault();
var formData = new FormData(this);
fetch("your-upload-url", {
method: 'POST',
body: formData,
headers: { 'Content-Type': 'multipart/form-data' }
})
.then(response => response.text())
.then(data => console.log(data))
.catch(error => console.error(error));
});
```