qq_34814994
qq_34814994
采纳率50%
2019-10-22 22:36 阅读 1.0k

fileObj = document.getElementById("file").files[0]; 我想直接把地址给这个变量

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>压缩图片demo</title>
</head>
<body>
    <img id="img" src="">
    <input id="file" type="file" onchange="compress()">
</body>
<script>

// 对图片进行压缩
function compress() { 
    if(typeof FileReader=='undifined')            //判断浏览器是否支持filereader
        {
        result.innerHTML="<p>抱歉,你的浏览器不支持 FileReader</p>";
        return false;
        }
    var file=document.getElementById("file").files[0];
    if(!/image\/\w+/.test(file.type))            //判断获取的是否为图片文件
       {
        alert("请确保文件为图像文件");
        return false;
       }
    fileObj = document.getElementById('file').files[0] //上传文件的对象
    reader = new FileReader()
    reader.readAsDataURL(fileObj)
    reader.onload = function(e) {
        image = new Image() //新建一个img标签(还没嵌入DOM节点)
        image.src = e.target.result
        image.onload = function() {
            canvas = document.createElement('canvas'), 
            context = canvas.getContext('2d'),
            imageWidth = image.width / 10,    //压缩后图片的大小
            imageHeight = image.height / 10,
            data = ''

            canvas.width = imageWidth
            canvas.height = imageHeight

            context.drawImage(image, 0, 0, imageWidth, imageHeight)
            data = canvas.toDataURL('image/jpeg')

            //压缩完成 
            document.getElementById('img').src = data
        }
    }
}
</script>
</html>
    上面是压缩图片的案例,我 不想用按钮,想直接把“1.jpg”赋值给fileObj,请问该怎么办??
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • wojiushiwo945you 毕小宝 2019-10-23 09:12

    onchange 事件能触发吗?如果不能的化试试 onblur 事件呢?

    点赞 评论 复制链接分享
  • weixin_44073206 「已注销」 2019-10-23 09:35

    那你只能用ActiveXObject,而且只有IE支持

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
    <HTML>  
     <HEAD>  
      <TITLE>js 读取客户端文件事例</TITLE>  
      <SCRIPT LANGUAGE="JavaScript">  
      <!--   
        function   ReadFiles()     
        {     
          try     
          {     
              var   fso   =   new   ActiveXObject("Scripting.FileSystemObject")     
          }     
          catch(e){     
    
              alert("您的浏览器安全级别太高,无法保存,请调整您的安全级别到低")     
              return;     
          }     
          var ts,s;     
          var ForReading = 1;         
    
          //定义数组   
          var clientsDate = new Array();   
    
          //读取文件的内容。   
          ts = fso.OpenTextFile("c://WINDOWS//test.ini",ForReading,true);     
          while(!ts.AtEndOfStream){   
    
              s  = ts.ReadLine();     
              clientsDate.push(s);   
              //document.write(s);   
          }   
          ts.Close();     
    
          //迭代弹出读取文件的数据   
          for(var i=0;i<clientsDate.length;i++){   
    
             alert(clientsDate[i]);   
          }   
        }    
      //-->      
      </SCRIPT>  
     </HEAD>  
    
     <BODY>  
        <input type="button" value="读取" onclick="ReadFiles();"/>  
     </BODY>  
    </HTML>
    

    原文链接:https://blog.csdn.net/shenzhen_mydream/article/details/5108352

    点赞 评论 复制链接分享

相关推荐