• javascript 无刷新上传图片之原理


    刚开始我认为可以像ajax 那样获取到数据然后通过ajax 发送请求,后来发现浏览器为了客户端的安全默认并没有给javascript 这个权限。这个方法当然是行不同了。我看了好像开源的上传图片原理,当然大部分是flash。但是为了方便使用js的也不少。 javascript特效
    原理都是使用iframe 上传,在from标签里面有个属性 和a 标签一样 target,target标示这个表单的数据提交的目的地。target里面写iframe的name ,这样表单的数据就提交到了这个 iframe里面。
    根据这个原理实现方法:
    通过 javascript动态的创建一个 form 和一个  iframe,来上传图片。
    如我在易U里面写的规则是,在一个表单里面的按钮加上 fname 这样一个属性 就会在这里创建一个自动上传
    如:
    <form> 
    <input fanme="imgname" type="button" value="请选择图片"> 
    </form> 
    当点击这个按钮时其实是点击的上传框,所有就会弹出选择文件,当用户选择了文件立即上传用 javascript 动态获取 iframe的返回内容,这样图片就上传成功了。 

    1. [代码][HTML]代码     
    <!--
    易U:http://www.yxsss.com/ui/
    -->http://www.huiyi8.com/jiaoben/
    <form action=""  method="get">
    <input type="button" fname="uimg" funstr="function(){document.title='图片正在上传……';}" funbak="ddd" furl="a.php" value="本地上传">
    </form>
    <script type="text/javascript">
    function ddd(da){
            
            if(da.ztai){
                    document.title='上传完成';
                    ui.success('上传成功保存地址为'+da.url);
            }
    }
    </script>
    举报

  • 相关阅读:
    盛最多水容器
    罗马数字和整数互相转化
    v-if和v-for
    扫描二维码登录
    使用Promise实现红绿灯交替重复亮
    利用promise实现间隔1s打印1,2,3
    原生js拖拽
    react项目引入使用element-react报错
    php实现类似淘宝最近浏览商品的功能模型代码
    教你如何把php项目打包成EXE文件发布
  • 原文地址:https://www.cnblogs.com/xkzy/p/3824263.html
Copyright © 2020-2023  润新知