Unable to upload .doc or .docx file

Question

I am trying to upload doc or docx files in my application :

The view :

<div class="col-xs-12">
    <input type="file" ng-file-select="onFileSelect($files)"/>
    <table>
        <td ng-repeat="file in files">{{ file.name }} </td>
    </table>
</div>

The ctrl :

controller: ['$scope', '$modalInstance', 'rule', '$upload', '$resource', function (modalScope, modalInstance, originalRule, $upload, $resource) {
                modalScope.isLoaded = true;
                modalScope.files = [];
                modalScope.onFileSelect = function ($files) {           
                var maxSizeString = '10 Mo';
                var maxSizeValue = 10 * 1024 * 1024; // 10Mo 
                var supportedFileFormat = ['image/gif', //
                        'image/jpeg', //
                        'image/png', //
                        'image/tiff',//
                        'image/svg+xml', //
                        'application/pdf',//
                        'application/doc',//
                        'application/docx',//
                    ];

                 $.each($files, function (index, file) {
                      if (_.contains(supportedFileFormat, file.type)) {
                          if (file.size > maxSizeValue) { //10Mo
                                modalScope.fileUploaded = false;
                           } else {
                                modalScope.fileUploaded = true;
                                modalScope.files.push(file);
                            }
                      } else {
                            modalScope.fileUploaded = false;
                        }
                    });
                };

I can upload images or .pdf but not .doc or .docx.. What am I doing wrong? Note that I am using the version 1.3.1 of ng-file-upload. Can't upgrade to the 6.x but I don't think that the issue come from here.

Verify that the file type is within the supported file formats that you have mentioned. — callmekatootie, Aug 13 '15 at 12:09
Nothing! I put a console log to log the type of the file but nothing shows up. Whereas when I upload a pdf I have in the console "type = application/pdf". — hhelbawi, Aug 13 '15 at 12:10
Do you think that ng-file-upload does not support doc or docx types? — hhelbawi, Aug 13 '15 at 12:19

score 3 · Accepted Answer · answered Aug 13 '15 at 12:19

3

The right MIME types are the following:

.doc  -> application/msword
.docx -> application/vnd.openxmlformats-officedocument.wordprocessingml.document

Other MS format MIME types are summarized here.

answered Aug 13 '15 at 12:19

meskobalazs

15,741
2
40
63

score 2 · Answer 2 · answered Mar 25 '16 at 05:21

The correct MIME types for .doc and .docx are listed as: .doc -> application/msword .docx -> application/vnd.openxmlformats-officedocument.wordprocessingml.document

So you should add those two MIME types to your supportedFileFormat variable and that will allow .doc files to be upload.

.docx files are actually interpreted by your app as MIME type application/zip, because .docx files are actually zipped up XML files.

 var supportedFileFormat = ['image/gif', //
                    'image/jpeg', //
                    'image/png', //
                    'image/tiff',//
                    'image/svg+xml', //
                    'application/pdf',//
                    'application/zip',//
                    'application/msword',//
                ];

Changing the last two lines in you supportedFileFormat variable to the ones above should solve your problem.

score 0 · Answer 3 · edited May 23 '17 at 12:16

0

I'm guessing that the plugin you are using is looking at the mime-type:

(copied from here: What is a correct mime type for docx, pptx etc?)

.docx application/vnd.openxmlformats-officedocument.wordprocessingml.document

edited May 23 '17 at 12:16

Community

1
1

answered Aug 13 '15 at 12:22

Johannes Ferner

718
7
15

Sorry mate but your link sent me to "Page Not Found" – hhelbawi Aug 13 '15 at 12:30
1

Update. you can now find the collection of mimetypes in the link ;-) – Johannes Ferner Aug 13 '15 at 15:28

Unable to upload .doc or .docx file

3 Answers3