Socket
Socket
Sign inDemoInstall

cloudinary-jquery-file-upload

Package Overview
Dependencies
5
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

cloudinary-jquery-file-upload

Cloudinary Client Side JS library. Cloudinary streamlines your web application’s image manipulation needs. Cloudinary's cloud-based servers automate image uploading, resizing, cropping, optimizing, sprite generation and more. Cloudinary's jQuery File Uplo


Version published
Maintainers
1
Weekly downloads
3,041
increased by57.81%

Weekly downloads

Readme

Source

Cloudinary jQuery File Upload Plugin

About

The Cloudinary jQuery File Upload plugin allows you to effortlessly upload assets to your cloud.

Note

This Readme provides basic installation and usage information. For the complete documentation, see the JQuery SDK Guide.

Table of Contents

Key Features

Browser Support

Chrome, Safari, Firefox, IE 11

Installation

Install the package using:
npm install cloudinary-jquery cloudinary-jquery-file-upload blueimp-file-upload

Or

yarn add cloudinary-jquery cloudinary-jquery-file-upload blueimp-file-upload

Usage

Setup

  1. Include the javascript files in your HTML. For Example:
<script src="node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="node_modules/blueimp-file-upload/js/vendor/jquery.ui.widget.js" type="text/javascript"></script>
<script src="node_modules/blueimp-file-upload/js/jquery.iframe-transport.js" type="text/javascript"></script>
<script src="node_modules/blueimp-file-upload/js/jquery.fileupload.js" type="text/javascript"></script>
<script src="node_modules/cloudinary-jquery-file-upload/cloudinary-jquery-file-upload.min.js" type="text/javascript"></script>
Configuration
  1. Configure cloudinary-jquery
$.cloudinary.config({ cloud_name: "demo"});

See more ways to configure cloudinary-jquery

  1. Add a file input tag
<input
  name="file"
  type="file"
  class="cloudinary-fileupload"
  data-cloudinary-field="image_id"
  data-form-data="{ &quot;upload_preset&quot;:  &quot;user_upload1&quot;, 
  &quot;callback&quot;: &quot;https://www.example.com/cloudinary_cors.html&quot;}" 
/>

File upload

See full documentation including upload events and image validation before upload

Initiate the file input field
$(document).ready(function() {
  if($.fn.cloudinary_fileupload !== undefined) {
    $("input.cloudinary-fileupload[type=file]").cloudinary_fileupload();
  }
});

Contributions

  • Ensure tests run locally (npm run test)
  • Open a PR and ensure Travis tests pass

Get Help

If you run into an issue or have a question, you can either:

About Cloudinary

Cloudinary is a powerful media API for websites and mobile apps alike, Cloudinary enables developers to efficiently manage, transform, optimize, and deliver images and videos through multiple CDNs. Ultimately, viewers enjoy responsive and personalized visual-media experiences—irrespective of the viewing device.

Additional Resources

Licence

Released under the MIT license.

FAQs

Last updated on 17 Jul 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc