jQuery-file-upload是一个基于jQuery的文件上传插件,它提供了方便的文件上传功能。针对每个文件大小分别发送请求的方法如下:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-file-upload/10.0.0/jquery.fileupload.min.js"></script>
<form id="file-upload-form" action="upload.php" method="POST" enctype="multipart/form-data">
<input type="file" name="file" multiple>
<button type="submit">上传</button>
</form>
fileupload
方法初始化文件上传插件,并设置相关参数。$(function() {
$('#file-upload-form').fileupload({
dataType: 'json',
add: function(e, data) {
// 针对每个文件大小分别发送请求
var fileSize = data.files[0].size;
if (fileSize <= 1024) {
// 发送小文件的请求
data.url = 'upload_small.php';
} else if (fileSize <= 1024 * 1024) {
// 发送中等文件的请求
data.url = 'upload_medium.php';
} else {
// 发送大文件的请求
data.url = 'upload_large.php';
}
data.submit();
},
done: function(e, data) {
// 文件上传完成后的回调函数
console.log(data.result);
}
});
});
在上述代码中,我们使用add
事件来针对每个文件的大小进行判断,并设置不同的上传URL。根据文件大小的不同,你可以在服务器端编写对应的上传处理逻辑。
注意:上述代码中的upload.php
、upload_small.php
、upload_medium.php
和upload_large.php
是示例的服务器端处理文件上传的脚本,你需要根据自己的实际情况进行相应的修改。
这是一个基本的针对每个文件大小分别发送请求的示例,你可以根据自己的需求进行进一步的定制和扩展。
领取专属 10元无门槛券
手把手带您无忧上云