使用上传脚本选择时直接上传文件
upload file directly when selected with upload script
我有一个表单
*{
color: white;
}
.upload_container{
background-color: #12161C;
border-radius: 5px;
width: 960px;
padding: 20px;
margin: 0px auto;
}
.upload_container > .upload_form{
}
input[type="file"]{
display: none;
}
.upload_button{
padding: 9.5px;
text-decoration: none;
background-color: #299219;
color: white;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
display: inline-block;
background-color: #354F9C;
}
.upload_button:hover{
background-color: #4F66AC;
}
<div class="upload_container">
<form class="upload_form">
<h2 class="h2_header">Upload your image</h2>
<label for="upload_file" class="upload_button">
Choose an image
</label>
<input id="upload_file" type="file"/>
</form>
</div>
现在我希望,如果有人选择了一张图片,该图片将直接上传,而无需按下按钮。我怎么能这样称呼这样的东西?因为我从来没有这样做过,我不知道该怎么做这样的事情。如果您能给我一些关键字进行搜索或链接,那就太好了。
看看上传。它完全符合您的要求。
以下是更多处理文件上传的javasripts。只是谷歌它!
FineUploader, jQuery File Uploader, YUI3 Uploader, FancyUpload, MooUpload, Plupload, Dropzone
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 不显示带有本地json文件数据的谷歌地图脚本
- 导入jQuery脚本获胜'我不处理html文件
- 如何将模板中的标记脚本移动到.js文件中
- 在以前的文件夹中加载脚本
- 如何运行从TFS获取项目的windows脚本文件
- Yii2从js脚本的页面上添加来自供应商文件夹的图像、css、js文件
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- 从我自己的脚本中包含的Javascript文件中调用一个函数
- 在HTML中,如果第二次加载相同的脚本文件,它还会被加载吗
- Project和作为web应用程序发布的多个doGet()脚本文件——需要澄清
- jQuery getScript与在文件中嵌入脚本
- 什么's使用脚本标记调用文件和ajax之间的区别
- HTML文件脚本和CSS放置
- Google 云端硬盘:孤立文件脚本在包含所有文件之前就已停止
- 是否可以在没有PHP的情况下创建上传文件脚本(并被服务器接受)
- JS文件脚本错误:缺少;before语句<Script1.js#1>
- 未加载外部文件脚本
- 如何从网页中检索查询字符串.ASPX到我的HTML文件脚本
- 如何在php文件/脚本中使用node.js代码