js中file数据流(图片的)怎么添加到img上

JavaScript07

js中file数据流(图片的)怎么添加到img上,第1张

这个简单代码:

var read = new FileReader()

read.readAsDataURL(files)

read.onload = function (e) {

var src = e.target.result

$("#img")..attr("src", src)

}

代码修改如下:

<script language="JavaScript" type="text/javascript">

<!--

function checkImgSize(){

var file = document.getElementById("img")

if(file.value != ""){

//检测类型

var val = file.value

if(/^.*?\.(gif|jpg|jpeg|bmp|GIF|JPG|JPEG|BMP)$/.test(val)){

}else{

alert("只能上传gif, jpg, bmp格式的图片")

return false

}

var imgSize = 1024 * 200//最大200K

var img = new Image()

img.onreadystatechange = function(){

if(img.readyState == "complete"){

var fso=new ActiveXObject("Scripting.FileSystemObject")

var fileSize=fso.GetFile(val).Size

if(fileSize >imgSize){

alert("当前文件大小" + fileSize + "KB,图片太大!")

}else{

alert("当前文件大小" + fileSize + "KB")

return true

}

}

}

img.src = val

}else{

alert("请选择上传的文件!")

return false

}

}

// -->

</script>

<table border="0" width="95%" cellspacing="0" cellpadding="0" align="center">

<form name="addform" enctype="multipart/form-data" method="post" action="save.asp" onSubmit="return checkImgSize()">

<tr>

<td height="25" width="94">图片地址</td>

<td><input type="file" name="sf_upfile" id="img" size="19"> <input type="submit" value="上 传" name="submit"></td>

</tr>

</form>

</table>