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;
          }   
        }
      })
    
    }
  • 相关阅读:
    PetaPoco 基础操作
    Sql Server实现自动增长
    冒泡排序算法[C++]
    PHP 使用非对称加密算法(RSA)
    Linux的PHP开发环境快速搭建
    PHP常见漏洞攻击简述
    关于计算机编码的笔记
    简述面向对象编程原则和设计模式
    PHP错误处理注册机制
    规范数据库设计
  • 原文地址:https://www.cnblogs.com/jh1994/p/5660775.html
Copyright © 2011-2022 走看看