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