将文件拖放到Html输入

时间:2017-07-17 04:42:01

标签: javascript html css input drag-and-drop

我有一个html下拉输入和上传按钮,可以按我的意愿工作,但我希望能够将文件从我的电脑拖到dropzone然后上传。

我该怎么做?

<input id="FileUpload" type="file" accept=".doc, .docx, .ppt, .pptx, .xls, .xlsx, .pdf, .jpg, .jpeg, .png, .gif" multiple="multiple" onchange="CheckFileSize();" />

<asp:Button ID="FileUploadBtn" runat="server" Text="Upload" OnClientClick="return ValidateAndSend('Upload');" />

我有以下doctype我无法改变,我相信这意味着我不能使用html5示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

1 个答案:

答案 0 :(得分:0)

我相信HTML输入没有拖放文件输入。您应该考虑导入外部脚本,例如Dropzone.js

您所要做的就是下载并将js文件导入您的html并按照网站上的说明创建拖放文件输入。 Doctype标题不应影响此方法。

我希望这有帮助!