189 8069 5689

form里面文件上传并预览-创新互联

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

站在用户的角度思考问题,与客户深入沟通,找到驿城网站设计与驿城网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网络空间、企业邮箱。业务覆盖驿城地区。

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

方式二:就是表单里面有,点击上传按钮后,会在上传按钮旁边有图片预览,这种其实图片也没有上传到服务器,而是将图片做了个本地预览,当填写完其他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代码

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:form里面文件上传并预览-创新互联
网站URL:http://cdxtjz.cn/article/dpjpgs.html

其他资讯