做网站|网站建设，就上易助科技网

html css js 插件使用指南

您现在的位置:

首页

技术文档

技术文档详情

JQuery图片上传插件ajaxImageUpload

来源：易助科技网浏览量：5收藏

简介

Query图片上传插件，支持批量上传、预览、删除、放大、上传数量、上传大小、追加方式配置以及上传前、上传后和删除的回调函数。

（下载的附件中附有完整DEMO）

参数说明：

配置项	配置说明	必选	默认值
`fileInput`	上传按钮名，即 input [type=file] 的 name 值	是
`ajaxUrl`	ajax 请求地址	是
`imageUrl`	已上传的图片连接	否	[]
`ajaxData`	额外携带的 json 数据	否	{}
`allowZoom`	是否允许放大	否	true
`allowType`	允许上传图片的类型	否	["gif", "jpeg", "jpg", "bmp", "png"]
`maxNum`	允许上传图片数量	否	3
`maxSize`	允许上传图片的最大尺寸，单位 M	否	2
`appendMethod`	图片追加方式，before/after	否	before
`before`	上传前回调函数	否
`success`	单次上传成功回调函数	否
`complete`	全部上传成功回调函数	否
`error`	上传失败回调函数	否

使用

1. 引入文件

<link href="./css/upload.min.css" type="text/css" rel="stylesheet" />
<script src="https://cdn.staticfile.org/jquery/3.1.0/jquery.min.js"></script>
<script src="./js/upload.min.js"></script>

2. HTML

<div class="upload-box1"></div>
<div class="upload-box2"></div>

3. 简单使用

配置插件：

$(".upload-box1").ajaxImageUpload({
    fileInput: 'file1', //上传按钮名，即input[type=file]的name值
    ajaxUrl: './upload1.php', //上传的服务器地址
});

$(".upload-box2").ajaxImageUpload({
    fileInput: 'file2', //上传按钮名，即input[type=file]的name值
    ajaxUrl: './upload2.php', //上传的服务器地址
});

做网站|网站建设，就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载！

简介

使用

1. 引入文件

2. HTML

3. 简单使用

相关链接