jquery fileupload使用

首先,我们需要调用jQuery和jQuery file upload的脚本文件:

<script src="/jquery-3.6.0.min.js"></script>
<script src="/jquery-file-upload/5.1.3/js/jquery.fileupload.min.js"></script>

然后,我们需要一个包含可上传文件的表单:

<form id="fileupload" action="upload.php" method="POST" enctype="multipart/form-data">
    <input type="file" name="files[]" multiple>
    <button type="submit">上传</button>
</form>

表单包含一个文件输入字段和一个提交按钮。该form必须有一个唯一标识ID,以便我们可以使用该ID将文件上传插件附加到它上面。

接下来,我们需要一些JavaScript代码,将文件上传插件附加到该form中:

$(function () {
    $('#fileupload').fileupload({
        url: "upload.php", //文件上传的URL
        dataType: 'json', //服务器返回的数据格式
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                //上传完成后的回调函数
                console.log(file.name + "上传成功!");
            });
        },
        fail: function (e, data) {
           //上传失败的回调函数
           console.log(data.errorThrown);
        }
    });
});

以上就是使用jQuery file upload的简单步骤。上传文件时,可以通过传递附加的数据,以及在服务器中处理上传的文件。另外,你也可以通过调整最大文件大小和允许的文件类型来自定义上传文件的限制。

你可能感兴趣的