拷贝兔ajax上传和返回tag函数分析

拷贝兔ajax上传和返回tag函数分析
    function multipartUploadWithSts(file,burn) {
      $("#select_file").hide();
      $("#uploading").show();
                  console.log("file=",file);
      var formData = new FormData();
      formData.append("file",file);
      formData.append("stype",'file');
      formData.append("burn",burn);
      $.ajax({
        url:'/stag.html', /*接口域名地址*/
        type:'post',
        data: formData,
        xhr:function(){
            myXhr = $.ajaxSettings.xhr();
            if(myXhr.upload){ // check if upload property exists
             myXhr.upload.addEventListener('progress',function(e){
               var loaded = e.loaded;                  //已经上传大小情况
                var total = e.total;                      //附件总大小
                var percent = Math.floor(100*loaded/total);     //已经上传的百分比
                console.log("已经上传了："+percent);
                $("#progress_bar").css({width: percent+'%'});
                $("#progress_hint").html(percent + '%');
                }, false); // for handling the progress of the upload
             }
                        return myXhr;
        },
        contentType: false,
        processData: false,
        success:function(res){
          $("#uploading").hide();
          $("#share_text").hide();
          $("#show_tag").show();
          if(res.status==0){
            $("#fz_loading_mask").hide();
            if(msite){
              _width = 200
            }
            else{
              _width = 200
            }
            QrCodeWithLogo.toCanvas({
              canvas: document.getElementById("scanvas"),
              content: res.data.url,
              width: _width,
            });
                        console.log("res.data.tag=",res.data.tag);
            $("#stag_hint").html(res.data.tag)
          }else if(res.status==1){
           $("#fz_loading_hint").html("上传中，请稍后")
          $("#fz_loading_mask").hide();
          $("#select_file").show();
            fz_transit(res.status, res.msg, 2000);
          }else{
            console.log("res.msg=",res.msg);
            fz_transit(res.status, res.msg, 2000);
          }
        }
      })
    }

res.data.tag= 24

拷贝兔ajax上传和返回tag函数分析相关推荐

Ajax上传文件，后端返回文件访问路径
前端Ajax上传文件并发送请求 js //上传图片function uplodeFile() {var file=$('#Agreement_file')[0].files[0];console.lo ...
页面无刷新ajax上传文件--模拟iframe，超简单
前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法 ...
基于JQUERY使用FLASH的AJAX上传进度条插件uploadify
无论是做个人产品还是商业产品,一个好的用户体验必然给用户留下比较深刻的影响,文件上传功能就是必不可少的一个用户体验. 比如现在一个使用场景: 一个电子商城,用户每次都要提交表单信息,每一次提交表单信息 ...
上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小
html js function getFileType(filePath){ //获取文件的后缀名 var startIndex = filePath.lastIndexOf(".&quo ...
ajax上传.mp4文件不出错,ajax视频如何上传？
使用ajax如何上传视频呢?是否了解过呢?这个功能其实在各个网站中非常的常见,通用的技术是否了解呢?希望今天小编能给你们带来帮助哦,接下来就让我们一起来了解下吧. 功能:可实现拖拽上传视频,有进度条显 ...
前端通信：ajax设计方案（三）--- 集成ajax上传技术
在此之前让我感慨一下现在的前端开发的氛围.我遇到好多人,给我的观念都是,这个东西这个框架有了,那个东西那个框架做了,前端嘛,学几个框架,这个拼凑一下那个拼凑一下就好了.其实我想问,东西都框架做了,那你 ...
js实现多图上传和预览(包含表单上传、ajax上传)
请在这里查看示例 ☞ h5Upload示例包含的知识点有:(仅考虑手机端,pc兼容性不清,建议使用jquery版本的) 1.浏览器自带的表单上传(页面会跳转) 2.ajax上传(异步刷新.自动上传. ...
springboot使用ajax上传文件
SpringBoot使用Ajax上传文件接上一个上传文件操作上次使用的是from表单进行提交这次我们使用ajax进行提交地址在这儿:springboot上传文件上次controller层已经 ...
js压缩图片（ajax上传）
js压缩图片(ajax.form提交)(pc.mobile测试ok)(Java) 1. 目的: 上传先进行图片压缩,然后再把压缩后的图片上传到服务器. 2. 思路: 上传前用js对图片压缩,把利用ca ...
jquery form插件(ajax)上传文件实现及原理
原理: jquery form插件ajax上传文件的原理, 1.浏览器实现了XMLHttpRequest level2规范的,则插件使用xhr直接提交文件.通常来说chrome.firefox都实现了 ...

拷贝兔ajax上传和返回tag函数分析

拷贝兔ajax上传和返回tag函数分析相关推荐

最新文章

热门文章