位置:首页 » 文章/教程分享 » ace图片预览上传的初始化

ace的图片预览上传,用img是不合适的,应该使用file的方式,将input标签的type设置成file,然后用ace_file_input进行初始化。

先看效果图:

Ace图片上传预览

我们使用Ace的file,如果只是简单的加入标签,其实看到的效果不是希望的效果,

<input type="file" name="avatar2" src="..." alt="..." class="img-responsive" id="avatar2" />

直接看代码,用ace_file_input进行初始化就可以啦!

$('#avatar2').ace_file_input({
	style:'well',
	btn_choose:'点击上传图片',
	btn_change:null,
	no_icon:'ace-icon fa fa-picture-o',
	thumbnail:'large',
	droppable:true,
	
	allowExt: ['jpg', 'jpeg', 'png', 'gif'],
	allowMime: ['image/jpg', 'image/jpeg', 'image/png', 'image/gif']
});
$('#avatar2').ace_file_input('show_file_list', [{type: 'image', name: $('#avatar2').attr('src')}]);