Javascript js：如何创建一个可以上传文件的div

在CSS中有以下内容：

#drop_zone {
    border: 2px dashed #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    background-color: white;
}

然后是我的HTML中的

div

：

<div id="drop_zone"><span style="color: darkgray">Drop files here.</span></div>

将文件放到这里。

我以前编写过javascript来拦截处理程序并在本地解析文件，但现在我正在与Flask后端交互，只想将文件作为上载事件传入，绕过标准表单：

<form action="" method=post enctype=multipart/form-data>
    <p><input type=file name=file>
        <input type=submit value=Upload>
</form>

在javascript中有没有一种简单的方法可以做到这一点

---

另外，如果你能像Gmail那样做一些事情，它会为你提供一个标准的上传选项（我一直在研究jasny的上传小部件，但一直有点心痛），然后，当你把一个文件拖到div上时，它为您提供了拖放选项。

我维护的跨浏览器上载库中提供了您在此处要求的所有内容：。重新发明轮子是没有意义的，伊姆霍。查看自述和演示，看看它是否适合您的需要

嘿，雷，有没有可能在离线状态下再问几个问题？无法100%确定如何将其正确连接到flask端点。@fox我恐怕目前没有足够的资源提供脱机支持。另外，我对烧瓶不太熟悉。请打开一个新的线程，所以在这里，一定要标记它罚款上传和烧瓶，我会尝试给你一个手。