久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

upload h5圖片文件上傳插件

實現多圖多文件上傳與拖拽上傳,拖拽排序功能。
該插件是自己在項目中使用的,由于自己項目組的習慣,所有參數都寫在標簽上的。

案例一:默認無參數

案例二:單個圖片上傳

案例三:查看圖片信息

引用文件:

<script src="jquery.min.js"></script>
<script src="jQuery.upload.mini.js"></script>
<link rel="stylesheet" href="upload.css">
	

調用代碼:

<div class="upload" id="case" data-num="10" data-type="zip,pdf,doc,docx"></div>

<script type="text/javascript">
	$(function(){
		$("#case").upload(
			//該函數為點擊放大鏡的回調函數,如沒有該函數,則不顯示放大鏡
			function(_this,data){
				console.log(data) 
			}
		);
	})
</script>

參數配置:

標簽 默認值 說明
data-height 0 圖片上傳壓縮最大高度,0則根據寬度等比例壓縮
data-width 1920 圖片上傳壓縮最大寬度,0則根據高度等比例壓縮
data-type png,jpg,jpeg,gif 允許上傳文件的擴展名,多個擴展名用逗號分割,支持非圖片格式的文件上傳
data-file file 上傳提交服務器的表單名
data-name uoload 最終表單提交圖片路徑的表單名
action /upload.php 服務器接收上傳文件的地址,服務器需返回{"code":1,"msg":"/upload/1.jpg"}的JSON字符串,code為上傳狀態,1為成功,0為失敗,msg為成功的文件路徑或失敗原因提示!
data-num 10 最多可以上傳多少個文件,如為1,上傳插件為單個文件上傳樣式
data-size 20480 文件上傳單個文件最大容量,圖片不傳不受該屬性限制
data-value null 已經上傳成功的文件名,多個文件用英文逗號分割
主站蜘蛛池模板: 国产精品久久久久影院色老大 | 亚洲精品视频在线播放 | 亚洲精品欧美一区二区三区 | 超碰伊人 | 91久久网站 | 日本一区二区不卡 | 日韩精品在线免费观看 | 成年人视频免费在线观看 | 欧美成人免费在线 | 日日夜夜精品视频 | 日韩在线小视频 | 国产一二三区精品视频 | 中文字幕一区二区三区四区五区 | 亚洲精品视频久久 | 日日夜夜精品免费视频 | 国产精品一区二区无线 | 日韩成人一区 | 午夜视频精品 | 亚洲一二三区不卡 | 亚洲精品视频免费观看 | 成人在线免费视频 | 91福利在线观看视频 | 视频一区二区国产 | 国产一区二区三区视频在线观看 | 成人在线视频免费播放 | 亚洲高清网 | 欧美精品一区二区三 | 久久蜜桃av一区二区天堂 | 久久国产三级 | 国产区一区二区三区 | 亚洲精品免费视频 | 欧美一区二区三区 | 91精品久久久久 | 99久久久久国产精品免费 | 不卡一区 | 日韩成人一区 | 日韩国产精品一区二区三区 | 天堂素人约啪 | 亚洲国产看片 | 国产精品二区三区在线观看 | 九九热国产视频 |