【问题标题】:How to include enctype="multipart/form-data" if I am not using <form> tag to upload file to database?如果我不使用 <form> 标签将文件上传到数据库,如何包含 enctype="multipart/form-data"?
【发布时间】:2015-06-16 10:32:42
【问题描述】:

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

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

【问题讨论】:

  • 如果表单数据是使用 Javascript 提交的,您是否尝试在提交之前使用 Javascript 将属性添加到表单中?

标签: php html database forms


【解决方案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]);

【讨论】:

    猜你喜欢
    • 2011-02-12
    • 2023-04-03
    • 2016-04-02
    • 2017-04-04
    • 1970-01-01
    • 1970-01-01
    • 2017-05-15
    相关资源
    最近更新 更多