Multiple Image Upload jQuery Plugin

(Eric) #21

Right, silly me thanks for that

(Nic Hubbard) #22

Right, silly me thanks for that

 

You inspired me, and I am working on a new non-flash version of the Matrix Upload plugin. Should be done today!

(Nic Hubbard) #23

Screen%20Shot%202014-11-19%20at%204.40.5

 

100% javascript multiple file upload for Matrix. Drag and drop support. Tested and works on iOS. Various upload layouts. Almost zero setup, all you need is jQuery and an configured Asset Builder.

 

Will post more details soon.

(Eric) #24

You are unbeilvible man, looking forward to instructions!!!

(Nic Hubbard) #25

You are unbeilvible man, looking forward to instructions!!!

 

Sorry that it isn't done yet. I got deep into it with making sure it enforced the asset create types, and the ability to add asset attributes, etc. Should be done next week.

(Nic Hubbard) #26

You are unbeilvible man, looking forward to instructions!!!

 

Here it is: https://github.com/nnhubbard/matrixupload2

 

Not completely done, but a lot of work has gone into it so far. Still needs testing and a complete design makeover, but so far it works really well.

 

Let me know if you have a chance to test it. I am working on getting a demo site setup.

 

MatrixUpload2 has the following features:

  • Multiple file upload using drag and drop or choosing the files.
  • Upload on mobile/tablet or desktop.
  • Simple integration with an Asset Builder.
  • Create Type enforcement. Won't let you upload files the Asset Builder doesn't allow.
  • Max file size upload enforcement based on your Squiz Matrix settings.
  • Two layouts to choose from
  • File upload progress
  • File information such as name, file size, etc.
  • Thumbnail image previews
  • Fully responsive layout

Coming soon:

 

  • Set attributes before uploading
(Nic Hubbard) #27

For the assetType parameter can you have more then 1 format type?

 

Yes, if you configure your Asset Builder to create more than one kind of Asset Type then MatrixUpload2 will allow this as well. But there isn't a way to directly set the assetType. This comes from the Asset Builder.

(Etavakoli) #28

MatrixUpload2 has the following features:

  • Multiple file upload using drag and drop or choosing the files.
  • Upload on mobile/tablet or desktop.
  • Simple integration with an Asset Builder.
  • Create Type enforcement. Won't let you upload files the Asset Builder doesn't allow.
  • Max file size upload enforcement based on your Squiz Matrix settings.
  • Two layouts to choose from
  • File upload progress
  • File information such as name, file size, etc.
  • Thumbnail image previews
  • Fully responsive layout

 

 

Thanks Nic for this awesome plugin...

 

is there anyway to get the asset_id of the uploaded file? I only found the URL in the source code but not the actual ID

 

Cheers

(Nic Hubbard) #29

 

Thanks Nic for this awesome plugin...

 

is there anyway to get the asset_id of the uploaded file? I only found the URL in the source code but not the actual ID

 

Cheers

 

I just updated the script to help with this issue, so go download the newest version from github.

 

Next in the Created bodycopy, add the following:

<div id="asset-id">%created_assetid%</div>

Then when you are calling the script you can use the new responseText to get the asset ID within the callback. So something like the following:

$(function() {
   $('form[id*="asset_builder"]').matrixUpload({
      complete: function(e, response) {
         console.log($(response).find('#asset-id').text());
      }
   });
});