addon/utils/file-object.js

  1. import EmberObject from '@ember/object';
  2.  
  3. /**
  4. FileObject class
  5.  
  6. @module utils
  7. @namespace utils
  8. @class FileObject
  9. @constructor
  10. */
  11. let fileObject = EmberObject.extend({
  12.     // ...........................................
  13.     // Name is used for the upload property
  14.     name: '',
  15.  
  16.     // {Property} Human readable size of the selected file
  17.     size: "0 KB",
  18.  
  19.     // {Property} Raw file size of the selected file
  20.     rawSize: 0,
  21.  
  22.     // {Property} Indicates if this file is an image we can display
  23.     isDisplayableImage: false,
  24.  
  25.     // {Property} String representation of the file
  26.     base64Image: '',
  27.  
  28.     // {Property} Will be an HTML5 File
  29.     fileToUpload: null,
  30.  
  31.     // {Property} Will be a $.ajax jqXHR 
  32.     uploadJqXHR: null,
  33.  
  34.     // {Property} Promise for when a file was uploaded
  35.     uploadPromise: null,
  36.  
  37.     // {Property} the object that upload a file
  38.     uploader: null,
  39.  
  40.     // {Property} Upload progress 0-100 
  41.     percent: null,
  42.  
  43.     // {Property} If a file is currently being uploaded
  44.     isUploading: false,
  45.  
  46.     // {Property} If a file is currently being uploaded
  47.     isDeleted: false,
  48.  
  49.     // {Property} If the file was uploaded successfully
  50.     isUploaded: false,
  51.  
  52.     // {Property} when the file was uploaded successfully, response data from server
  53.     data: null,
  54.  
  55.     readFile: function() {
  56.         let self = this;
  57.         let fileToUpload = this.get('fileToUpload');
  58.         let isImage = fileToUpload.type.indexOf('image') === 0;
  59.  
  60.         this.set('name', fileToUpload.name);
  61.         this.set('rawSize', fileToUpload.size);
  62.         this.set('size', humanReadableFileSize(fileToUpload.size));
  63.  
  64.         // Don't read anything bigger than 5 MB
  65.         if (isImage && fileToUpload.size < 1 * 1024 * 1024) {
  66.             this.set('isDisplayableImage', isImage);
  67.  
  68.             // Create a reader and read the file.
  69.             var reader = new FileReader();
  70.             reader.onload = function(e) {
  71.                 self.set('base64Image', e.target.result);
  72.             };
  73.  
  74.             // Read in the image file as a data URL.
  75.             reader.readAsDataURL(fileToUpload);
  76.         }
  77.     },
  78.     init(){
  79.         this._super(...arguments);
  80.         this.readFile();
  81.     }
  82. });
  83.  
  84.  
  85. function humanReadableFileSize(size) {
  86.     var label = "";
  87.     if (size === 0) {
  88.         label = "0 KB";
  89.     } else if (size && !isNaN(size)) {
  90.         var fileSizeInBytes = size;
  91.         var i = -1;
  92.         do {
  93.             fileSizeInBytes = fileSizeInBytes / 1024;
  94.             i++;
  95.         } while (fileSizeInBytes > 1024);
  96.  
  97.         var byteUnits = [' KB', ' MB', ' GB', ' TB', ' PB', ' EB', ' ZB', ' YB'];
  98.         label += Math.max(fileSizeInBytes, 0.1).toFixed(1) + byteUnits[i];
  99.     }
  100.     return label;
  101. }
  102.  
  103. export {
  104.     fileObject,
  105.     humanReadableFileSize
  106. };