Default file format on upload. jQuery or Javascript

Question

Could you tell me (for example, Google could not), if I can set the default file format for file upload.

Currently it allows to upload all files (please refer to the file image *.*), however I would like to limit to a specific file format.

All help is appreciated.

enter image description here

Environment:

NO HTML5

Backend: Struts

FrontEnd: jQuery-1.6.1

File upload plugin uses iframe to upload files.

This might be of interest to you: http://stackoverflow.com/a/4328974/551093 — Christian, May 30 '12 at 02:10
Thanks, however a guy wants to restrict, rather than set a preselected (default) file format. — Jackie Chan, May 30 '12 at 02:39

score 1 · Accepted Answer · answered May 30 '12 at 02:44

you can use this

<input type="file"  id="myfile" accept="image/gif, image/jpeg, image/png, image/jpeg" />

but using this. user can anytime change the filter. additionally you should use javascript or jquery to validate.

<script type ="text/javascript">
    var validFiles=["bmp","gif","png","jpg","jpeg"];//array of allowed extensions
        function OnUpload()
        {
          var obj = document.getElementById("myfile");
          var source=obj.value;
          var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
          for (var i=0; i<validFiles.length; i++)
          {
            if (validFiles[i]==ext)
                break;
          }
          if (i>=validFiles.length)
          {
            alert("This not a valid file upload file with an extention of one of the following:\n\n"+validFiles.join(", "));
            return false;
          }
          return true;
         }
    </script>

Thanks however it is validation, rather then selecting a default OS file type. — Jackie Chan, May 30 '12 at 02:48

Default file format on upload. jQuery or Javascript

1 Answers1