js+ashx批量上传图片压缩图片大小
时间: 2024-01-01 16:06:02 浏览: 28
根据提供的引用内容,可以使用js+ashx来实现批量上传图片并压缩图片大小的功能。以下是一个简单的示例代码:
1. HTML页面部分:
```html
<input type="file" id="fileInput" multiple>
<button onclick="upload()">上传</button>
```
2. JavaScript部分:
```javascript
function upload() {
var files = document.getElementById('fileInput').files;
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
var file = files[i];
formData.append('file', file);
}
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.ashx', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log('上传成功');
} else {
console.log('上传失败');
}
};
xhr.send(formData);
}
```
3. Ashx文件部分(upload.ashx):
```csharp
public void ProcessRequest(HttpContext context)
{
HttpFileCollection files = context.Request.Files;
for (int i = 0; i < files.Count; i++)
{
HttpPostedFile file = files[i];
// 在这里进行图片压缩的操作
// ...
file.SaveAs(context.Server.MapPath("~/Uploads/" + file.FileName));
}
}
```
请注意,以上代码只是一个简单的示例,实际的图片压缩操作需要根据具体需求进行实现。你可以使用第三方库或自己编写代码来实现图片压缩功能。