<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()
}
base64圖片上傳,並顯示圖片,
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.