<div>
<div class="content wysiwyg-content">
I have developed a CMS system and up till now have been uploading images using a file upload form field then submitting the form using enctype multipart/form-data. From the server side I use ASPUpload to receive the file and copy to a folder then use ASPJPEG to scale the image.<br />
<br />
Sometimes a form may have several images and this takes a while to upload and even worse the script can time out due to the large number of files.<br />
<br />
I would now like to upgrade this feature so each image is uploaded one at a time as you select it from your desktop. I would therefore like advice on a client side plug-in to upload an image without a form submission.<br />
<br />
If it's any help I already use Bootstrap so any Bootstrap related plug-in would be a priority. I would also like a thumbnail preview of the selected file to appear as you select it.
</div>
</div>


I have developed a CMS system and up till now have been uploading images using a file upload form field then submitting the form using enctype multipart/form-data. From the server side I use ASPUpload to receive the file and copy to a folder then use ASPJPEG to scale the image.

Sometimes a form may have several images and this takes a while to upload and even worse the script can time out due to the large number of files.

I would now like to upgrade this feature so each image is uploaded one at a time as you select it from your desktop. I would therefore like advice on a client side plug-in to upload an image without a form submission.

If it's any help I already use Bootstrap so any Bootstrap related plug-in would be a priority. I would also like a thumbnail preview of the selected file to appear as you select it.

Looking for a client side plug in to upload images and files

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.