npmpackage.info

Gathering detailed insights and metrics for quill-image-upload

Other packages similar to quill-image-upload

quill-image-uploader

1.3.0

A module for Quill rich text editor to allow images to be uploaded to a server instead of being base64 encoded

quill-image-extend-module

1.1.2

plugin for vue-quill-editor to upload image

quill-image-uploader-ts

0.0.2

A TS library to upload images in the quill editor to the server instead of being base64 encoded

quill-upload

0.0.13

Handler Upload for Quill

Gathering detailed insights and metrics for quill-image-upload

quill-image-upload - 0.1.3 | npmpackage.info

quill-image-upload

A module for Quill rich text editor to upload images to be selected from toolbar editor.

0.1.3

107

JavaScript

837.00 B

168,690 1.7

Installations

npm install quill-image-upload

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.11.3

NPM Version

6.4.1 Score

70.7

Supply Chain

90.3

Quality

77.1

Maintenance

Vulnerability

100

License

Pull Requests

Open

2

Total

6

Closed

1

Merged

3

Issues

Open

5

Total

17

Closed

12

Releases

Unable to fetch releases

Languages

JavaScript

Shell

JavaScript (93.9%)

Shell (6.1%)

Developer

fxmontigny

Download Statistics

Total Downloads

168,690

Last Day

Last Week

607

Last Month

2,192

Last Year

21,918

GitHub Statistics

107 Stars

13 Commits

42 Forks

5 Watchers

1 Branches

3 Contributors

Updated on Mar 19, 2025

Bundle Size

1.69 kB

Minified

837.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

0.1.3

Package Id

quill-image-upload@0.1.3

Unpacked Size

68.14 kB

Size

18.93 kB

File Count

NPM Version

6.4.1

Node Version

8.11.3

Total Downloads

Cumulative downloads

Total Downloads

168,690

Last Day

80%

Compared to previous day

Last Week

-4%

607

Compared to previous week

Last Month

29.9%

2,192

Compared to previous month

Last Year

-1.1%

21,918

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

quill

Dev Dependencies

babel-cli babel-preset-env babel-preset-es2015 uglify-js

Quill ImageUpload Module

A module for Quill rich text editor to upload images to be selected from toolbar editor.

Usage

Webpack/ES6

1import Quill from 'quill';
2import { ImageUpload } from 'quill-image-upload';
3
4Quill.register('modules/imageUpload', ImageUpload);
5
6const quill = new Quill(editor, {
7	// ...
8	modules: {
9		// ...
10		imageUpload: {
11			url: '', // server url. If the url is empty then the base64 returns
12			method: 'POST', // change query method, default 'POST'
13			name: 'image', // custom form name
14			withCredentials: false, // withCredentials
15			headers: {}, // add custom headers, example { token: 'your-token'}
16			csrf: { token: 'token', hash: '' }, // add custom CSRF
17			customUploader: () => {}, // add custom uploader
18			// personalize successful callback and call next function to insert new url to the editor
19			callbackOK: (serverResponse, next) => {
20				next(serverResponse);
21			},
22			// personalize failed callback
23			callbackKO: serverError => {
24				alert(serverError);
25			},
26			// optional
27			// add callback when a image have been chosen
28			checkBeforeSend: (file, next) => {
29				console.log(file);
30				next(file); // go back to component and send to the server
31			}
32		}
33	}
34});

Script Tag

Copy image-upload.min.js into your web root or include from node_modules

1<script src="/node_modules/quill-image-upload/image-upload.min.js"></script>

1var quill = new Quill(editor, {
2	// ...
3	modules: {
4		// ...
5		imageUpload: {
6			url: '', // server url. If the url is empty then the base64 returns
7			method: 'POST', // change query method, default 'POST'
8			name: 'image', // custom form name
9			withCredentials: false, // withCredentials
10			headers: {}, // add custom headers, example { token: 'your-token'}
11			// personalize successful callback and call next function to insert new url to the editor
12			callbackOK: (serverResponse, next) => {
13				next(serverResponse);
14			},
15			// personalize failed callback
16			callbackKO: serverError => {
17				alert(serverError);
18			}
19		}
20	}
21});

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More