使用上传脚本选择时直接上传文件

upload file directly when selected with upload script

本文关键字:文件 脚本 选择      更新时间:2023-09-26

我有一个表单

*{
    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