js实现上传图片事实预览

html部分

<img alt=""  id="img"  >
<input  type="file" onchange='PreviewImage(this)' >

//在type为file的input上面添加这个onchenge事件方法名为PreviewImage(this)
function PreviewImage(imgFile) 
{ 
    //使用这个方法来临时创建一个文件的链接，参数是一个file或者blob
    var path = URL.createObjectURL(imgFile.files[0]);
    //将链接赋值给上面的图片src路径
    $("#img").prop("src",path)
    //销毁上面创建的链接
    //URL.revokeObjectURL(path);
 }