js:如何创建一个我可以删除文件上传的div

时间:2013-04-12 05:25:21

标签: javascript python html5 flask

在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上,它为您提供了拖放选项。

1 个答案:

答案 0 :(得分:1)

我要求的所有内容都在我维护的跨浏览器上传库中提供:Fine Uploader。恕我直言,重新发明轮子是没有意义的。查看自述文件和演示,看看它是否符合您的需求。