Skip to content

ArthurYung/PicTring

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PicTring.js

一个轻量的移动端图片上传/预览插件,可自定义图片数量/压缩质量/长按图片可拖拽排序等功能

支持android/ios

npm安装

npm install pictring

在需要的页面引入

import 'pictring'
import 'pictring/pictring.css'

API:

var pictring = new PicTring({
        up:(必须)dom,  //dom ;
        imgType: 'base', //上传图片的方式,默认为base , 可选base/file   (file为上传图片文件);
        max: 9,    //最大上传张数,默认为9;
        drag: false,  //是否禁止图片长按拖拽排序,默认为false;
        boxSize: 80 , //容器尺寸,默认为80,可传入数字, 或固定PX值;
        compress: 0.8 , //图片质量,0-1 ,'no'为原图 ,默认为0.92
        maxSize: 600    //超过多大时进行图片质量压缩,默认为600kb;
});

通过对象的实例可以返回队列中的图片:

pictring.upfiles(number)
  • number是非必须,空值时返回所有队列中的图片,可传数组或数字

清空当前队列,可用于图片上传服务器成功之后的操作:

pictring.empty()

DEMO(Mobile)

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published