拖放图像以选择要以标准形式上传的文件


Drag and Drop image to select file to upload in standard form

我有一个表单,它要求用户详细信息,并要求他们通过将图像拖到div上来上传图片。如何设置文件上传的上传位置?我只能找到立即上传图像的方法,但我需要将其与表单中的其余信息一起处理?

以下是我目前所拥有的简化版本。

<form action="/create" method="post" accept-charset="utf-8" id="create_form" enctype="multipart/form-data">
     <div class="form-group">
        <textarea class="form-control page-title tooltip_target" data-original-title=
        "What is your name"
        data-toggle="tooltip"  placeholder="What is your name" id="title" name="title" type=
        "text" value=""></textarea>
     </div>
     <div id="upload_div"></div>
     <input name="userfile" size="20" type="file">
     <input class="btn btn-primary" id="profile_submit"
        name="profile_submit" type="submit" value=
        "Publish">
</form>

您必须使用处理请求的文件执行此操作。你能显示那个文件是什么样子的吗?

下面是如何使用jQuery和AJAX执行此操作的示例。

如何异步上传文件?