form里面文件上传并预览

其实form里面是不能嵌套form的，如果form里面有图片上传和其他input框，我们希望上传图片并预览图片，然后将其他input框填写完毕，再提交整个表单的话，有两种方式！

惠城网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联成立与2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

方式一：点击上传按钮的链接弹出上传页面，上传文件，上传完毕再返回表单页面；这种比较简单，其实就是表单页面的上传按钮仅仅是一个链接，仅用于打开上传文件的弹出页面；

方式二：就是表单里面有，点击上传按钮后，会在上传按钮旁边有图片预览，这种其实图片也没有上传到服务器，而是将图片做了个本地预览，当填写完其他input框内容，提交后才开始上传的！

其完整代码如下：

     function showImg(obj){
         var objUrl = getObjectURL(obj.files[0]);
         if (objUrl) {
              $(obj).before('  ');
          }
      }
     function getObjectURL(file) {
         var url = null ;
         if (window.createObjectURL!=undefined) {
              url = window.createObjectURL(file) ;
         } else if (window.URL!=undefined) {
              url = window.URL.createObjectURL(file) ;
         } else if (window.webkitURL!=undefined) {
              url = window.webkitURL.createObjectURL(file) ;
         }
         return url ;
     }

//文件上传表单

     
     上传LOGO
     

//文件上传php代码

文章标题：form里面文件上传并预览
新闻来源：http://mswzjz.cn/article/jppphj.html