移动端和pc端上传图片并预览和删除

实现功能如图：
商品详情图片最多添加4张，缩略图最多1张，banner图最多一张。
每添加一张图片，就隐藏一个input框，当达到限定张数时，添加图片按钮消失，input框全部隐藏。
用户添加图片后可以点击小图右上角的 × 删除添加的图片。
这可以用ajax提交form表单，图片url地址已经转换为直接可以用的地址了，直接传到后端就行。

image.png

话不多说，代码如下，整个代码拿走，直接就可以用。不需要添加和改变任何的东西：

  
  
  
  



  

    

    

      
商品详情图片
      

        
      
    
    

      
缩略图
      

        
      
    
    

      
banner