base64圖片上傳,並顯示圖片,

<a href="javascript:;" class="file">選擇文件
	<input type="hidden" id="files-button"   />
	<input type="file" name="file[]"  id="files" value="" />
</a>

<ul class="release-img-list" id="tyb-upload">
									
</ul>


$(document).ready(function() {
	$("#files-button").on("click",function(){
		ToBase64();
	});
	$("#files").on("change",function(){
		$("#files-button").trigger("click");
		this.value = '';
	})
})
function ToBase64() {
  /*轉換base64*/
    var img = document.getElementById('files')
    var imgFile = new FileReader();
    imgFile.readAsDataURL(img.files[0]);
    imgFile.onload = function () {
		 $('#tyb-upload').prepend('<li >'+
		 	'<img src="'+ this.result+'" />'+
		 	'<i onclick="deleteimg(this)">x</i>'+
		 '</li>');
    }
}
function deleteimg(e){
	$($(e).parent()).remove()
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章