Qiniu Direct Uploader
This Gem can direct upload your files to a Qiniu storage bucket.
Installation
Add this line to your application's Gemfile:
gem 'qiniu_direct_uploader'
And then execute:
$ bundle
Or install it yourself as:
$ gem install qiniu_direct_uploader
Usage
see the example project: https://github.com/huobazi/qiniu-direct-upload-example
Views
<%= qiniu_uploader_form callback_url: items_path,
bucket: 'spec-test',
id: "photograph-uploader",
save_key: "uploads/items/$(year)/$(mon)/$(day)/$(etag)/$(fname)",
custom_fields: {aaa:1,bbb:2},
progress_bar_id: 'progress-bar',
drop_paste_zone_id: 'dropzone' do %>
<div class="bars" id="progress-bar">
<%= file_field_tag :file, multiple: true, accept: "image/gif, image/jpeg" %> You can also drag and drop files here
</div>
<% end %>see the save_key settings: http://developer.qiniu.com/docs/v6/api/overview/up/response/vars.html#magicvar
Javascript
$(document).ready ->
photoForm = $("form#photograph-uploader")
if photoForm.length > 0
photoForm.QiniuUploader
# see also https://github.com/blueimp/jQuery-File-Upload/wiki/Options
autoUpload: true
singleFileUploads: false
limitMultiFileUploads: 2
customCallbackData: {"xyz": 100}
onFilesAdd: (file) ->
if file.type != "image/jpeg"
alert('please select image')
return false
else
return true
photoForm.bind "ajax:success", (e, data) ->
console.log('success')
console.log(data)
photoForm.bind "ajax:failure", (e, data) ->
console.log('failure')
console.log(data)see also:
- http://docs.qiniu.com/api/v6/put.html#upload-without-callback
- http://docs.qiniu.com/api/v6/put.html#upload-api
- http://docs.qiniu.com/api/v6/put.html#uploadToken-returnBody
Contributing
- Fork it
- Create your feature branch (
git checkout -b my-new-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin my-new-feature) - Create new Pull Request
Contributors
See the Contributors List.
CHANGE LOG
See the CHANGELOGS.md.