jQuery实现图片下载代码
jQuery实现图片下载代码，供大家参考，具体内容如下
functiondownloadImage(src){
var$a=$("").attr("href",src).attr("download","meitu.png");
$a[0].click();
}
关键调用downloadImage函数代码
onclick=downloadImage(url)
完整js代码
$(function(){
$.extend($.fn.bootstrapTable.defaults,$.fn.bootstrapTable.locales['zh-CN'])
varsearchText=$('.search').find('input').val()
varcolumns=[]
columns.push({
title:'分类',
field:'category',
align:'center',
valign:'middle',
formatter:function(value,row,index){
returnvalue
}
},{
title:'美图',
field:'url',
align:'center',
valign:'middle',
formatter:function(value,row,index){
return"![]("+value+")"
}
},{
title:'操作',
field:'id',
align:'center',
formatter:function(value,row,index){
varhtml=""
html+="收藏 "
html+="删除
"
returnhtml
}
})
$('#meituTable').bootstrapTable({
url:'meituSearchJson',
sidePagination:"server",
queryParamsType:'page,size',
contentType:"application/x-www-form-urlencoded",
method:'get',
striped:false,//是否显示行间隔色
cache:false,//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
pagination:true,//是否显示分页（*）
paginationLoop:true,
paginationHAlign:'right',//right,left
paginationVAlign:'bottom',//bottom,top,both
paginationDetailHAlign:'left',//right,left
paginationPreText:'上一页',
paginationNextText:'下一页',
search:true,
searchText:searchText,
searchTimeOut:500,
searchAlign:'right',
searchOnEnterKey:false,
trimOnSearch:true,
sortable:true,//是否启用排序
sortOrder:"desc",//排序方式
sortName:"id",
pageNumber:0,//初始化加载第一页，默认第一页
pageSize:10,//每页的记录行数（*）
pageList:[5,10,20,50,100],//可选的每页数据
totalField:'totalPages',
dataField:'content',//后端json对应的表格数据key
columns:columns,
queryParams:function(params){
return{
size:params.pageSize,
page:params.pageNumber,
sortName:params.sortName,
sortOrder:params.sortOrder,
searchText:params.searchText
}
},
classes:'tabletable-responsivefull-width',
})
$(document).on('keydown',function(event){
//键盘翻页事件
vare=event||window.event||arguments.callee.caller.arguments[0];
if(e&&e.keyCode==38||e&&e.keyCode==37){//上,左
//上一页
$('.page-pre').click()
}
if(e&&e.keyCode==40||e&&e.keyCode==39){//下,右
//下一页
$('.page-next').click()
}
})
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
