jQuery实现图片下载代码


Posted in jQuery onJuly 18, 2019

jQuery 实现图片下载代码,供大家参考,具体内容如下

function downloadImage(src) {
 var $a = $("<a></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 += "<div οnclick='addFavorite(" + value + ")' name='addFavorite' id='addFavorite" + value + "' class='btn btn-default'>收藏</div><p>"
  html += "<div οnclick='deleteById(" + value + ")' name='delete' id='delete" + value + "' class='btn btn-default'>删除</div>"
  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()
 }
 
 })
 
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery手风琴的简单制作
May 12 jQuery
jQuery实现锚点向下平滑滚动特效示例
Aug 29 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
用jQuery实现抽奖程序
Apr 12 jQuery
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
jquery图片预览插件实现方法详解
Jul 18 #jQuery
jquery实现垂直无限轮播的方法分析
Jul 16 #jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 #jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 #jQuery
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
Jul 11 #jQuery
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
Jul 10 #jQuery
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 #jQuery
You might like
php网页病毒清除类
2014/12/08 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
ThinkPHP简单使用memcache缓存的方法
2016/11/15 PHP
asp批量修改记录的代码
2008/06/25 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
vue复合组件实现注册表单功能
2017/11/06 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python文件的读写和异常代码示例
2017/10/31 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
python使用PIL实现多张图片垂直合并
2019/01/15 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
Python生态圈图像格式转换问题(推荐)
2019/12/02 Python
python爬虫爬取监控教务系统的思路详解
2020/01/08 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
解决Opencv+Python cv2.imshow闪退问题
2020/04/24 Python
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
大学毕业的自我鉴定
2013/10/08 职场文书
中秋节超市促销方案
2014/01/30 职场文书
篝火晚会主持词
2014/03/25 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
关于军训的感想
2015/08/07 职场文书
MongoDB balancer的使用详解
2021/04/30 MongoDB