<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#fileInput').change(function(){
var files = this.files ? this.files : [];
if(files.length == 0 || !window.FileReader) return;
if(/^image/.test(files[0].type)){
var reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onloadend = function(){
$('#previewDiv').css('background-image', 'url(' + this.result + ')');
};
}
});
});
</script>
</head>
<body>
<div style="background:no-repeat url(q.svg); height:200px; width: 200px;" id="previewDiv"></div>
<input type="file" id="fileInput" />
</body>
</html>上傳圖片本地預覽
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章