精华内容
下载资源
问答
  • 长按保存图片

    2016-02-29 10:56:59
    长 按 屏 幕 上 的 图 片 ,图 片 保 存 在 特 定 的 路 径 下
  • 本文要使用Android WebView实现长按保存图片及长按识别二维码功能,当用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能
  • 长按保存图片,或点击按钮保存龙行web前端2018-11-1348120评论$("#savebtn").on({touchstart: function (e) {// 长按事件触发timeOutEvent = setTimeout(function () {timeOutEvent = 0;save();}, 400);//长按400...

    长按保存图片,或点击按钮保存

    龙行    web前端    2018-11-13    4812    0评论

    $("#savebtn").on({

    touchstart: function (e) {

    // 长按事件触发

    timeOutEvent = setTimeout(function () {

    timeOutEvent = 0;

    save();

    }, 400);

    //长按400毫秒

    // e.preventDefault();

    },

    touchmove: function () {

    clearTimeout(timeOutEvent);

    timeOutEvent = 0;

    },

    touchend: function () {

    clearTimeout(timeOutEvent);

    if (timeOutEvent != 0) {

    }

    return false;

    }

    })

    function save()

    {

    $.ajax({

    url: '****',

    type: 'POST',

    data: { typeCode: typeCode },

    contentType: 'application/json',

    success: function (data) {

    var a = $("").attr("href", "data:image/png;base64," + data.Data.Image).attr("download", "***.png").appendTo("body");

    a[0].click();

    a.remove();

    }

    });

    }

    评论一下

    赞助站长

    赞助站长X

    版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。

    本文网址:https://www.liaotaoo.cn/81.html

    展开全文
  • 本篇文章主要介绍了iOS实现点击图片放大和长按保存图片的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 根据业务需要,WebView上经常会用到长按保存图片的功能,现在做一个Demo,希望能够帮到有用的童鞋。简述请看博文:http://blog.csdn.net/geofferysun/article/details/53900625
  • 主要介绍了小程序实现长按保存图片的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • android点击查看大图(长按保存图片
  • 微信长按保存图片

    千次阅读 2018-03-02 16:58:50
    背景图添加图片,图片会随着页面变化变形,所以图片定位的时候不用背景图。如果图片要保存的话用背景图。...$.data()和attr()用法一样,可以设置和获取... 图片能写出背景图就写背景图,因为微信长按保存图片会有问题...
    背景图添加图片,图片会随着页面变化变形,所以图片定位的时候不用背景图。如果图片要保存的话用背景图。想透过上一个div点击下一个div的内容,给div添加pointer-event:none;

    $.data()和attr()用法一样,可以设置和获取第一个元素的内容;当只有一个元素的时候就是获取,有两个的时候就是设置。

      图片能写出背景图就写背景图,因为微信长按保存图片会有问题

    展开全文
  • H5长按保存图片

    千次阅读 2019-08-08 15:47:36
    说到长按保存图片,我们一定能想到touch事件,那么此时我们就需要用到touchstart、touchend、touchmove。 下面我分别使用Vue和MUI进行代码解析 Vue: 首先我们需要给标签绑定这三个事件 <img class="saveImg...

    说到长按保存图片,我们一定能想到touch事件,那么此时我们就需要用到touchstart、touchend、touchmove。

    下面我分别使用Vue和MUI进行代码解析

    Vue:

    首先我们需要给标签绑定这三个事件

    <img class="saveImg" src="图片途径" @touchstart="touchstart" @touchend="touchend" @touchmove="touchmove">

    其次是我们的定时器,我们需要控制长按的时间,一般不会超过一秒钟

    data(){
        return{
            time:""    
        }
    }
    touchstart(e){
        this.time = setTimeout(() => {
            var imgUrl = e.target.src
            //此处是调用的APP得方法来保存图片,正常的H5项目是无法保存图片,除非我们项目创建时是移动APP项目
            saveWxTimeLine1(imgUrl)
        },1000)
    }

    结束及移除长按事件

    touchend(){
        clearTimeout(this.time)
    },
    touchmove(){
        clearTimeout(this.time)
    }

    MUI:

    <img class="saveImg" src="图片途径">

    首先我们需要在mui.init()初始化时打开MUI的tap属性。

    mui.init({
       gestureConfig: {
          tap: true, //默认为true
    	  doubletap: true, //默认为false
    	  longtap: true, //默认为false,为true时是开启长按保存图片功能
    	  swipe: true, //默认为true
    	  drag: true, //默认为true
    	  hold:true,//默认为false,不监听
    	  release:false//默认为false,不监听
       }
    })

    此时我们需要监听dom是否发起了longtap长按请求:

    $(".saveImg").on("longtap",function(){
        var imgUrl = $(this).attr('src')
        //调用APP保存图片方法
        saveWxTimeline1(imgUrl)
    })

    如上长按保存图片完成。

    展开全文
  • H5 页面 移动端实现长按保存图片以及图片显示异常问题 uniapp 中的 一些小坑: image 标签中的 src 属性不支持 写 @ uniapp 写 h5 页面 , image 标签 在 ios 端 不支持 长按 保存图片,使用canvas 标签包裹img标签...

    H5 页面 移动端实现长按保存图片以及图片显示异常问题

    uniapp 中的 一些小坑:

    1. h5 页面 image 标签中的 src 属性不支持 写 @ ,将image 标签修改为 img标签即可。
    2. uniapp 写 h5 页面 , image 标签 在 ios 端 不支持 长按 保存图片,使用canvas 标签包裹img标签,然后将 image 标签更换为 img 标签,添加-webkit-touch-callout: default 即可,如下所示:
          <view class="linkreceive">
              <canvas style="width: 100%;height:100%;" canvas-id="code">
                <!-- @longtap="bc_code" -->
                <img src="@/static/evaluationResult/getWXAUnlimitCode.jpg" class="linkimage" mode="widthFix" />
              </canvas>
            </view>
    

    css 部分:

       .linkimage {
            display: block;
            width: 100%;
            height: 100%;
            -webkit-touch-callout: default;  // 要配置这行关键代码,不然可能不生效
          }
    

    照这样设置即可(只是测试了部分机型–目前测试的 ios 都支持)。

    1. uniapp 项目中 引入大型图片,图片显示异常问题 。解决办法:方式一:竖屏状态下 在 image 标签上面设置 mode="widthFix" ,横屏状态下 设置 mode="heightFix",可能还要针对上面设置的两个属性,添加对应的高度即可。
      方式二:就是不要使用image标签,使用img标签(未测试),如果使用这种方式,就不需要额外设置高度了,图片会自行撑起来。
    展开全文
  • cordova vue监听长按事件 ...长按保存图片 主要在vue进行监听 用插件进行保存 一、添加插件cordova-plugin-canvas2image cordova plugin add cordova-plugin-canvas2image 二、添加权限 代码如下
  • 1 禁止长按保存图片 img { pointer-events:none; // 禁止none ,启用auto } Tips:pointer-events属性详解: 官方文档:https://www.html.cn/book/css/properties/user-interface/pointer-events.htm 2 禁止复制...
  • 这一点 Android webview 不如 iOS的webview实现的好,因为 iOS 已经实现长按保存,但是Android的需要开发人员自己实现。二、思路分析要保存图片,首先要可以拦截到长按事件,然后分析点击的对象类型,之后...
  • 微信小程序长按保存图片 wxml部分 <image data-url="{{item}}" bindlongtap="longPressSaveImg " /> js部分 //20200720 新增长按保存图片 longPressSaveImg (e) { let that = this let url = e....
  • 下载保存图片1.html 转为canvas方案1:可以使用canvas 绘制方案2:使用插件 html2canvas我目前使用的是html2canvas插件,使用比较方便,可以将html直接转换成canvaslet dom = document.getElementById('id');...
  • 问题在WKWebView上的图片长按会触发系统控件进行保存和共享,但通过系统共享是没法分享图片,只能进行长按手势覆盖,然后用本地控件实现解决方案屏蔽WebKit的长按逻辑//禁止长按逻辑NSMutableString *javascript =...
  • 禁止长按保存图片 img{ pointer-events:none; // 禁止none ,启用auto } 禁止复制文本 *{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; ...
  • 妹纸图:微信API打开图片长按保存图片实例,定义几个数组用来存取item中的数据,主要是引入utils包下的js文件,将获得的各种数据写入itemList,用于setData,绑定接口中返回的数据,保存图片请参见以下代码: ...
  • privateStringimgurl="";/****功能:长按图片保存到手机*/@OverridepublicvoidonCreateContextMenu(ContextMenumenu,Viewv,ContextMenuInfomenuInfo){super.onCreateContextMenu(menu,v,menuInfo);MenuItem.OnMen...
  • 在日常开发中,可能会需要做长按保存图片这个功能,又或者需要做个截屏分享功能。最近正好在研究这些东西,写篇博客整理一下。 view长按保存图片的几种方式 如果是网络图片,我们可以直接选择将图片下载下来后...
  • Android长按保存图片

    千次阅读 2017-02-26 11:58:02
    所以分两部分来做,第一部分保存图片的方法,第二部分长按WebView时识别出来按的是哪一张图片,因为有很多张图片。保存图片的方法,两个参数,一个上下文环境和一个图片的url,使用时只需要把这两个参数获取到传递...
  • h5写长按保存图片到手机相册

    千次阅读 2019-12-19 15:06:03
    h5写长按保存图片到手机相册 话不多说直接上代码 首先引入html2canvas import html2canvas from ‘html2canvas’ <div> //模板部分 <div class="contents"> <img src="./img/psb.jpg" alt="" ...
  • 实现效果: 实现过程:首先定义以下数组://长按后显示的 Itemfinal String[] items = new String[] { "保存图片"};//图片转成Bitmap数组final Bitmap[] bitmap = new Bitmap[1];图片转Bitmap数组代码:Glide.with...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,535
精华内容 5,014
关键字:

怎么长按保存图片