zoukankan      html  css  js  c++  java
  • JS 读取本地文件转base64 上传到服务器

    $("#qrcode").on("change", function(){
      var bs64 = base64(document.getElementById("qrcode"));
    });
    // 商品评价 图片转base64
    // Process the file
    // Precondition: expects image files, but works with others too
    function base64(file) {
        var reader = new FileReader();
        var pos = file.target.files[0].name.lastIndexOf(".");
        var type = file.target.files[0].name.substring(pos + 1);
    
        if (type.toLowerCase() != "png" && type.toLowerCase() != 'jpg' && type.toLowerCase() != 'jpeg' && type.toLowerCase() != 'gif' && type.toLowerCase() != 'bmp') {
            alert("格式错误,请上传'png、jpg、jpeg、bmp、gif'格式文件");
            return;
        }
        num += 1;
        reader.onloadend = (
            function(e) {
                imgurl = e.target.result;
                updateBackground();
            }
        );
    
        // Read the file
        reader.readAsDataURL(file.target.files[0]);
    }
    
    
    // Return the data to the user
    function updateBackground(){
      // urlElement.innerHTML = imgurl;
       
      jq.ajax({
        url:'user.php',
        data:{
          act:'update_pic',
          imgurl:imgurl
        },
        type:'post',
        dataType:'text',
        success:function(data){
          if(data == "error"){
            alert("上传失败,请重新操作");
          }else{
            jq("#comment_image").prepend("<input type='hidden' name='images[]' value='"+data+"'>");
            jq("#comment_image").prepend("<img width='70' height='70' src='"+imgurl+"' style='margin: 2px;'>");
            num-=1;
           sum+=1;
          }   
        }
      })
    
    }
  • 相关阅读:
    objectivec 多个参数的函数的例子
    EDM 电子邮件制作规范
    一封让老总流泪的辞职申请书
    10个优秀的JavaScript参考手册
    应聘需知
    理解内联(display:inline)和浮动(float:left;)的区别
    写CSS常见错误,童鞋们注意了
    15个css常识
    经典设计网站推荐
    2011年春运电话订火车票流程
  • 原文地址:https://www.cnblogs.com/jh1994/p/5660775.html
Copyright © 2011-2022 走看看