从图像中剥离EXIF数据

Question

如何通过JavaScript去除上传图像中的EXIF数据？我现在能够访问使用this exif-js plugin的EXIF数据，如：

EXIF.getData(oimg, function() { 
    var orientation = EXIF.getTag(this, "Orientation"); 
}); 

不过，我还没有发现任何方式实际删除Exif数据中，仅进行检索。

更具体地说，我试图做到这一点摆脱Exif的数据，在特定的浏览器上旋转我的图像。

Answer 1

• 仰望file format和exif format
• read the file到arraybuffer
• find所需的数据和remove it
• 创建从剩余的数据blob
• upload它ajax

---

这是一个小小的演示，选择一个带有方向数据的图像，看看它是如何外观的（无现代浏览器）。

http://jsfiddle.net/mowglisanu/frhwm2xe/3/

​​3210

var input = document.querySelector('#erd'); 
input.addEventListener('change', load); 
function load(){ 
    var fr = new FileReader(); 
    fr.onload = process; 
    fr.readAsArrayBuffer(this.files[0]); 
    window.open(URL.createObjectURL(this.files[0]), "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400"); 
} 
function process(){ 
    var dv = new DataView(this.result); 
    var offset = 0, recess = 0; 
    var pieces = []; 
    var i = 0; 
    if (dv.getUint16(offset) == 0xffd8){ 
     offset += 2; 
     var app1 = dv.getUint16(offset); 
     offset += 2; 
     while (offset < dv.byteLength){ 
      console.log(offset, '0x'+app1.toString(16), recess); 
      if (app1 == 0xffe1){ 

       pieces[i] = {recess:recess,offset:offset-2}; 
       recess = offset + dv.getUint16(offset); 
       i++; 
      } 
      else if (app1 == 0xffda){ 
       break; 
      } 
      offset += dv.getUint16(offset); 
      var app1 = dv.getUint16(offset); 
      offset += 2; 
     } 
     if (pieces.length > 0){ 
      var newPieces = []; 
      pieces.forEach(function(v){ 
       newPieces.push(this.result.slice(v.recess, v.offset)); 
      }, this); 
      newPieces.push(this.result.slice(recess)); 
      var br = new Blob(newPieces, {type: 'image/jpeg'}); 
      window.open(URL.createObjectURL(br), "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400"); 
     } 
    }  
}