Estoy tratando de descargar un archivo de imagen encriptado de Amazon S3 a través de un presigned_link con AJAX, y estoy recibiendo un montón de galimatías de datos de imagen.

$(document).on 'click', '.js-download', (event) ->
 event.preventDefault()

 $.ajax
  type: "GET"
  url: event.currentTarget.href
  contentType: 'image/jpeg',
  headers: {
    'x-amz-server-side-encryption-customer-algorithm': 'AES256',
    'x-amz-server-side-encryption-customer-key': customer_key,
    'x-amz-server-side-encryption-customer-key-MD5': customer_key_md5,
  }
  success: (data) ->
    convert_to_image(data)

Los datos de ajax dan como resultado un montón de datos de imagen.

JFIFHH XICC_PROFILE HLino mntrRGB XYZ 1acspMSFTIEC sRGB -HP cprtP3desc lwtpt bkptrXYZgXYZ, bXYZ @ dmndTpdmdd vuedL tra 1998 Hewlett-Packard CompanydescsRGB IEC61966-2.1sRGB IEC61966-2.1XYZ Q XYZ XYZ o 8 XYZ b XYZ $ descIEChttp://www.iec.chIEChttp://www.iec.chdesc.IEC 61966-2.1 Espacio de color RGB predeterminado - sRGB.IEC 61966-2.1 Espacio de color RGB predeterminado - sRGBdesc, Condición de visualización de referencia en IEC61966-2.1, Condición de visualización de referencia en IEC61966-2.1view _. \ XYZ L VPW meas sig CRT curv ........

Después de obtener los datos, estoy tratando de convertir la cadena de datos de la imagen al formato de imagen jpg que se mostrará en la página.

convertToImage(imageData) ->
   data = 'data:image/jpeg,' + btoa(encodeURIComponent(imageData))
   img = document.createElement('img')
   img.src = data
   a = document.createElement('a')
   a.setAttribute("download", "image.jpeg")
   a.setAttribute("href", data)
   a.appendChild(img)
   document.body.appendChild(a)

The link returns: 
'<img src="data:image/jpeg,JUVGJUJGJUJEJUVGJUJGJUJEJUVGJUJGJUJEJUVGJUJ.......>'

La imagen no se muestra correctamente. He estado probando varios otros métodos para convertir los datos de la imagen, pero no funciona. Cualquier ayuda sería apreciada.