zoukankan      html  css  js  c++  java
  • 上传图片前的图片显示已经处理input的file值

    1、图片上传的代码

    2、实现的效果是上图图片之后要立刻显示出来的

    这个时候显示之后,当选择图片之后,并没有上传,然后再次点击这个图片上传的时候,图片是显示不出来的,原因是之前上传的那个图片的所有信息一直保持在file下,当你这次在上传的时候,file的值还是之前的,就不会再次的显示出来,所以下面要做的就是每次上传显示图片之后,对file进行初始化,或者清空之前的值:

    function clearInputFile(f){

                        if(f.value){

                            try{

                                f.value = ''; //for IE11, latest Chrome/Firefox/Opera...

                            }catch(err){

                            }

                            if(f.value){ //for IE5 ~ IE10

                                var form = document.createElement('form'), ref = f.nextSibling;

                                form.appendChild(f);

                                form.reset();

                                ref.parentNode.insertBefore(f,ref);

                            }

                        }

                    }

    梦想这东西和经典一样,永远不会随时间而褪色,反而更加珍贵!
  • 相关阅读:
    前端精选文摘:BFC 神奇背后的原理
    Linux下关闭node应用
    CentOS7配置Nodejs环境安装记录
    Express4+Mongodb极简入门实例
    Centos7 防火墙设置
    如何解决Linux内网环境依赖问题
    Centos7 显卡驱动安装教程
    ios自动化WebDriverAgent测试报错
    Windows版sudo 以管理员发送运行CMD
    adb常用命令
  • 原文地址:https://www.cnblogs.com/haoxiu1004/p/9171529.html
Copyright © 2011-2022 走看看