Загрузка нативного изображения в проблему кодировки s3 - PullRequest
Новая
       18

Загрузка нативного изображения в проблему кодировки s3

0 голосов
/ 17 апреля 2019

У меня проблемы с загрузкой изображения из Nativescript в AWS, и я почти уверен, что это проблема конфигурации.

выберите изображение 

    const context = imagepicker.create({
      mode: 'single' // use "multiple" for multiple selection
    });
    await context.authorize();
    const selection: Array<ImageAsset> = await context.present();
    const imageAsset = selection[0];
    const source: ImageSource = await new ImageSource().fromAsset(imageAsset);
    const fileLocation = imageAsset.android ? imageAsset.android : imageAsset.ios;
    const fileType = mime.extension(mime.lookup(fileLocation));
    const image = source.toBase64String(fileType);
    console.log(image);

изображение на данный момент: iVBORw0KGgoAAAANSUhEUgAAB4AAAASwCAIAAACVUsChAAAAA3NCSVQI...

расположение изображения в этой точке: /storage/emulated/0/DCIM/Screenshots/Screenshot_20181106-150854.png

const fileLocation = imageAsset.android ? imageAsset.android : imageAsset.ios;
const signedUrl = await this.getSignedUrl(fileLocation);

Код сервера для получения подписиURL 

const getSignedUrlPromise = (operation, params) => {
  return new Promise((resolve, reject) => {
    s3.getSignedUrl(operation, params, (err, url) => {
      err ? reject(err) : resolve(url);
    });
  });
}
  const params = { 
    Bucket: BUCKET_NAME, 
    Key: `abc123/456/3/${fileName}`,
    ContentType: contentType,
    ContentEncoding: 'base64'
  }
  const url = await getSignedUrlPromise('putObject', params).catch(err => {
    console.log('error', JSON.stringify(err))
    return {
      statusCode: 400,
      body: JSON.stringify(err)
    }
  });
  console.log('success', url);
  return {
    statusCode: 200,
    body: JSON.stringify({ url: url })
  }

SignUrl на данный момент: 

https://myproject.s3.amazonaws.com/abc123/456/3/Screenshot_20181106-150854.png?AWSAccessKeyId=xxxxxxxxxxxxxx&Content-Encoding=base64&Content-Type=image%2Fpng&Expires=1555517358&Signature=yyyyyyyy&x-amz-security-token=long_token

Затем, используя signatureURL, я загружаю изображение: 

    const mimeType = mime.lookup(fileLocation);
    this.http.put(signedUrl, image, {
      headers: {
        'Content-Type': mimeType,
        'Content-Encoding': 'base64'
      }
    }).subscribe((resp) => {
      console.log('resp2', resp);
    });
  }

Когда я открываю файл, это то, что я вижу enter image description here

и метаданные объекта S3 выглядят корректно enter image description here Когда я загружаю файл и открываю его в NP ++, я вижу значение base64. 

iVBORw0KGgoAAAANSUhEUgAAB4AAAASwCAIAAACVUsChAAAAA3NCSVQI...

Я также не могу открыть загруженный образ enter image description here

ПОПЫТКА 2

Я видел, где некоторые люди использовали буферы, поэтому я изменил свой image код на 

const image = Buffer.from(source.toBase64String(fileType).replace(/^data:image\/\w+;base64,/, ''), 'base64');

который изображение все еще повреждено, и когда я загружаю и открываю файл с помощью NP ++, я вижу 

{"type":"Buffer","data":[137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,7,128,0,0,4,176,8,2,0,0,0
...