js 上传图片预览

<input id="fileMaterial_staff" name="fileMaterial" type="file" accept="image/*" onchange="isCorrectFileType(this)" value="" />

</pre><pre name="code" class="javascript">function isCorrectFileType(file){var validExtensions = new Array(".png", ".gif",".jpg",".jpeg");var fileExtension = file.value;fileExtension = fileExtension.substring(fileExtension.lastIndexOf('.'));if (validExtensions.indexOf(fileExtension) < 0) {art.dialog.tips("只有" + validExtensions.toString() + "类型的文件才允许上传!",3);// Clean file info.file.value = "";return false;}var file1 = document.getElementById(inputId).files[0];//关键部分获得file对象 返回的实际是个file数组  file对象继承自Blob对象                               var reader=new FileReader();//HTML5新方法                                                                                                                 var base64str=reader.readAsDataURL(file1);//方法一将图片文件以DATA URL方法读取                                                                            $("img").attr("src",base64str)//var url=URL.createObjectURL(file1)//方法二<pre name="code" class="javascript">         $("img").attr("src",url)//