通过js操作上传图片，直接在页面显示

1.按照常规的逻辑：

我们通过ajax，或者form表单将文件提交到后台，将文件存储在某个临时的目录下，然后拿到这个存储路径，在前台页面赋值个的src。

今天我们不走后台逻辑，即点击上传后，即可就在页面进行显示，ok，let's go!

2.代码如下

 
 
 
 
 
 
 
 
 

 
 
  上传图片:

显示上传的图片:

       

         

 

3.效果图如下：

说明：

1.alert($("#myfile"))得到的是[object Object] 

2、alert(document.getElementById("myfile"))得到的是[object HTMLDivElement]

3、alert($("#myfile")[0])或者alert($("#myfile").get(0))得到的是[object HTMLDivElement]

document.getElementById()返回的是DOM对象，而$()返回的是jQuery对象

参考：https://blog.csdn.net/qq_27367825/article/details/78390146

都看到这里了，就顺手点击右上角的小手，给个评论，再走呗！☺