jQuery imgup.js是一個方便快捷的圖片上傳插件,可以輕松地將圖片上傳到服務器并且在頁面上顯示出來。下面是使用imgup.js的一些示例代碼。
//初始化imgup插件 $('input[type="file"]').imgUp({ crop: true, //是否啟用剪裁功能 cropSize: {w:800,h:800}, //剪裁圖片寬高 cropType: 'canvas', //剪裁圖片類型,'canvas'為基于HTML5 Canvas,'img'為基于原始圖片 uploadUrl:'your_upload_url', //上傳圖片的地址 width:800, //顯示圖片的寬度 uploadCallback:function(res){ //上傳成功后的回調函數 console.log(res); } }); //獲取已上傳的圖片信息 $('button').on('click',function(){ var info = $('input[type="file"]').imgUp('getInfo'); console.log(info); }); //刪除已上傳的圖片 $('button').on('click',function(){ $('input[type="file"]').imgUp('delete'); });
通過以上代碼,可以輕松地使用imgup.js實現圖片上傳和刪除功能,為網站的圖片操作提供了很大的便利。