📜 ⬆️ ⬇️

jQuery File Upload

Hooray! Another fresh one ... is he better than others?



a) New! Always, who undertakes to do something, then usually looks: does it make sense, and if there is, does it.
b) Pretty! You can not sharpen, and put out of the box. Based on Bootstrap and Glyphicons icons
c) It goes without the multi select files, Drag & drop, progress bar and thumbnails of photos.
d) Support for cross-domain connections, resume and resize photos on the client side.
e) Ready for any server platform (PHP, Python, Ruby on Rails, Java, Node.js, and the like.)
')
blueimp.github.com/jQuery-File-Upload

Browser support:

github.com/blueimp/jQuery-File-Upload/wiki/Browser-support



Fast connection



Two versions of the plugin are available. In Bootstrap and in Jquery UI
If you want to completely redo the interface, here’s the naked version of the plugin.

Read more

How to configure the plugin?


We use jQuery File Upload (UI version) for PHP.

What goes in the box with the plugin is fully operational, it remains only to upload it to your server.

Download, unpack, upload unpacked to our server (the folder can be renamed).
We try to run a demo page to test performance.

Note that file uploading works for everyone, and the same files can also be downloaded by everyone. The easiest way to protect is to put a password on a folder with uploaded files via .htaccess.

Use jQuery File Upload (UI version) for Google App Engine

Downloading the plugin, unpacking, editing the app.yaml file to replace the “jquery-file-upload” with your own App ID. Fill in server / gae-python or server / gae-go (depending on the development environment) as your App Engine instance.
Fill in the jQuery-File-Upload folder (root) to any server after editing the form action target field for your URL to your App Engine instance.

Using jQuery File Upload (UI version) with Node.js


You can install an example on Node.js on your server via npm.
npm install blueimp-file-upload-node

Start service:
./node_modules/blueimp-file-upload-node/server.js

We download the archive with the plugin, unpack, edit index.html and set the path to the form action to your Node.js (like " localhost : 8080").
You can upload a folder with a project (without unnecessary files) to any server and use it as an interface for your service on uploading files to Node.js.

Using jQuery File Upload (UI version) with other platforms

Learn more here github.com/blueimp/jQuery-File-Upload/wiki/Setup

-

Ps. recommendations from comments


“When linking Apache + PHP, you need to give the web server the right to write to the files and thumbnails folders (in Ubuntu his name is, for example, www-data). To test for performance, you can simply put '777' on these folders, but this is a potentially insecure path.

Otherwise, an abundance of UNEXPECTED TOKEN of all stripes appears. " - irsick

Source: https://habr.com/ru/post/140400/


All Articles