Question

我有一张表格

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

现在我希望如果有人选择了一个图像，图像将直接上传而无需按下按钮。我该怎么称呼这样的东西？因为我从来没有这样做过，我也不知道该怎么做。如果你能给我一些关键词来搜索或链接，那就太好了。

Answer 1

看看https://craftcms.stackexchange.com/a/2330。它完全符合您的要求。

以下是一些处理fileuploads的javasripts。只是谷歌吧！

FineUploader，jQuery File Uploader，YUI3 Uploader，FancyUpload，MooUpload，Plupload，Dropzone

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

1 个答案: