如果我不使用，如何包含 enctype=&quot;multipart/form-data&quot;<form> 标签上传文件到数据库？

Question

我想将pdf文件上传到我的数据库。 在浏览各种资源时，我发现我们必须在表单标签中包含属性 enctype="multipart/form-data"。 问题是我没有使用表单来填充数据（因为 CSS 设计和框架）。 表单数据由 onClick 函数提交。

那么我怎样才能上传文件呢？ 我认为我们不能在标签中包含 enctype 属性？

Answer 1

你可以通过这个 jQuery 函数简单地做到这一点

function uploadFile(blobFile) {
    var fd = new FormData();
    fd.append("fileToUpload", blobFile);

    $.ajax({
       url: "upload.php",
       type: "POST",
       data: fd,
       processData: false,
       contentType: false,
       success: function(response) {
           // .. do something
       },
       error: function(jqXHR, textStatus, errorMessage) {
           console.log(errorMessage); // Optional
       }
    });
} 

用法

对于这个输入

<input type="file" id="filechooser">

用这个

uploadFile($('#filechooser')[0].files[0]);