FS-8673 Add alt text to images

src/lib/api/upload/file.ts

@@ -79,6 +79,8 @@ export class File {
 
   public uploadTags: UploadTags;
 
+  public alt: string;
+
   constructor(private readonly _file: FileInstance, private readonly _sanitizeOptions?: SanitizeOptions) {
     this._file.name = sanitizeName(this._file.name, this._sanitizeOptions);
   }

src/lib/api/upload/types.ts

@@ -81,6 +81,8 @@ export interface UploadOptions {
    * @memberof UploadOptions
    */
   tags?: UploadTags;
+
+  altText?: string;
 }
 
 export type StoreUploadOptions = StoreBaseParams & {

src/lib/api/upload/upload.ts

@@ -199,13 +199,18 @@ export class Upload extends EventEmitter {
    * Upload single file
    *
    * @param {(InputFile)} file
+   * @param {(string)} altText
    * @returns {Promise<any>}
    * @memberof Upload
    */
-  async upload(input: InputFile): Promise<any> {
+  async upload(input: InputFile, altText?: string): Promise<any> {
 
     const f = await getFile(input, this.sanitizerOptions);
     f.customName = this.overrideFileName;
+    if (altText) {
+      f.alt = altText;
+    }
+
     this.uploader.addFile(f);
 
     this.startProgressInterval();

src/lib/api/upload/uploaders/s3.ts

@@ -212,6 +212,7 @@ export class S3Uploader extends UploaderAbstract {
       location_url: payload.location_url,
       upload_id: payload.upload_id,
       region: payload.region,
+      alt: payload.file.alt,
     };
 
     if (this.uploadMode === UploadMode.INTELLIGENT || (this.uploadMode === UploadMode.FALLBACK && fiiFallback)) {
@@ -687,7 +688,7 @@ export class S3Uploader extends UploaderAbstract {
     return FsRequest.post(
       `${this.getUploadUrl(id)}/multipart/complete`,
       {
-        ...this.getDefaultFields(id, ['apikey', 'policy', 'signature', 'uri', 'region', 'upload_id', 'fii'], true),
+        ...this.getDefaultFields(id, ['apikey', 'policy', 'signature', 'uri', 'region', 'upload_id', 'fii', 'alt'], true),
         // method specific keys
         filename: payload.file.name,
         mimetype: payload.file.type,

src/lib/client.ts

@@ -475,7 +475,7 @@ export class Client extends EventEmitter {
       this.emit('upload.error', e);
     });
 
-    return upload.upload(file);
+    return upload.upload(file, options.altText);
   }
 
   /**

src/schema/upload.schema.ts

@@ -81,5 +81,9 @@ export const UploadParamsSchema = {
         maxlength: 256,
       },
     },
+    altText: {
+      type: ['string', 'null'],
+      maxLength: 60,
+    },
   },
 };