Restrict certain file types about s3_direct_upload

[aortbals]

This is actually built into jquery-fileupload. In order to implement it, you have to do something similar to what we did in this commit: DeliRadio@11e40c9.

First, setup the settings hash to take acceptFileTypes.

Then you can pass it along to fileupload.

$uploadForm.fileupload
    acceptFileTypes: settings.acceptFileTypes

In the add function, you need to call the original add function (it is being overridden).

$.blueimp.fileupload.prototype.options.add.call(this, e, data)

Then you can pass a setting like this that will validate your file:

acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i

[waynehoover]

You can do this with the before_add callback like so:

jQuery ->
  $("#s3uploader").S3Uploader
    before_add: (file) ->
      if /(\.|\/)(gif|jpe?g|png)$/i.test(file.type)
        console.log "its an image"
        true
      else
        console.log "its not an image"
        false

[facundofarias]

Perfect! Thanks 👍