jQuery 实现图片下载代码，供大家参考，具体内容如下
成都创新互联-专业网站定制、快速模板网站建设、高性价比普安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式普安网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖普安地区。费用合理售后完善，十载实体公司更值得信赖。
function downloadImage(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'])
var searchText = $('.search').find('input').val()
var columns = []
columns.push({
title: '分类',
field: 'category',
align: 'center',
valign: 'middle',
formatter: function (value, row, index) {
return value
}
}, {
title: '美图',
field: 'url',
align: 'center',
valign: 'middle',
formatter: function (value, row, index) {
return "![](" + value + ")"
}
}, {
title: ' 操作',
field: 'id',
align: 'center',
formatter: function (value, row, index) {
var html = ""
html += "收藏"
html += "
删除"
return html
}
})
$('#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: 'table table-responsive full-width',
})
$(document).on('keydown', function (event) {
// 键盘翻页事件
var e = 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()
}
})
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。