获取input上传图片之后的文件大小,以及路径

将文件的大小转换为 KB/MB

  1. 通过input.files ,拿到所选文件的相关信息
  2. 如果选择的是多个文件,则循环input.files ,拿到里面每一项的size属性
  3. 转换单位

8bit(位)=1Byte(字节)
1024Byte(字节)=1KB
1024KB=1MB
1024MB=1GB
1024GB=1TB

//  number:各个文件的size值
function returnFileSize(number) {
  if(number < 1024) {  //小于1024的,直接以字节为单位
    return number + 'bytes';
  } else if(number > 1024 && number < 1048576) {
    return (number/1024).toFixed(1) + 'KB';
  } else if(number > 1048576) {
    return (number/1048576).toFixed(1) + 'MB';
  }
}

获取上传文件的路径

window.URL.createObjectURL( input.files的每一个 )

 for(var i = 0; i < input.files.length; i++) {
      var listItem = document.createElement('li');
      var para = document.createElement('p');
      var image = document.createElement('img');
      image.src = window.URL.createObjectURL(input.files[i]);

      listItem.appendChild(image);
      list.appendChild(listItem);
}
展开阅读全文

没有更多推荐了,返回首页