如何上传自定义<input type =“”文件“”/>而不提交按钮

时间:2014-04-04 20:13:15

标签: html css

是否可以上传img并将其存储在没有提交按钮的数据库中?

CSS

#upload-file-container {
   width: 90px;
   height: 90px;
   position: relative;
   border:2px solid;
   border-radius:20px;
   border-color:rgb(58,147,231);
   color:rgb(58,147,231);
   overflow: hidden;
   float:right;
}

#upload-file-container input[type="file"] {
   margin: 0;
   opacity: 0;   
   font-size: 100px;
}

HTML

<div id="upload-file-container" >
   <input type="file"  value="No Picture"/>
</div>

或者您是否必须提交一个提交按钮才能存储它?我想知道?_?

2 个答案:

答案 0 :(得分:1)

Jquery upload, dropzone.

DropzoneJS是一个开源库,提供带图像预览的拖放文件上传。

答案 1 :(得分:0)

你做不到。它需要表单和表单使用提交按钮提交信息,或者您可以使用JavaScript。像这样document.getElementById('theForm').submit();

来源:How to submit a form using javascript?