专栏首页freesan44WKWebView长按保存图片逻辑

WKWebView长按保存图片逻辑

问题

在WKWebView上的图片,长按会触发系统控件进行保存和共享,但通过系统共享是没法分享图片,只能进行长按手势覆盖,然后用本地控件实现

解决方案

  1. 屏蔽WebKit的长按逻辑
 //禁止长按逻辑
    NSMutableString *javascript = [NSMutableString string];
    [javascript appendString:@"document.documentElement.style.webkitTouchCallout='none';"];//禁止长按
    WKUserScript *noneSelectScript = [[WKUserScript alloc] initWithSource:javascript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
    [config.userContentController addUserScript:noneSelectScript];
  1. 添加长按手势
-(void)addLongPressGesture
{
    UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(startLongPress:)];
    longPress.delegate = self;

    longPress.minimumPressDuration = 0.4f;
    longPress.numberOfTouchesRequired = 1;
    longPress.cancelsTouchesInView = YES;
    [self.locationWebView addGestureRecognizer:longPress];
    
}
- (void)startLongPress:(UILongPressGestureRecognizer *)pressSender
{
    if(pressSender.state == UIGestureRecognizerStateBegan){

       //实现相关功能
        [self detectInWebView:pressSender];
        DebugLog(@"1. 开始长按手势");

    }else if(pressSender.state == UIGestureRecognizerStateEnded){

        //可以添加你长按手势执行的方法,不过是在手指松开后执行
        DebugLog(@"2. 结束长按手势");

    }else if(pressSender.state == UIGestureRecognizerStateChanged){

        //在手指点下去一直不松开的状态执行
        DebugLog(@"3. 长按手势改变");
    }
}
  1. 手势中捕捉图片进行处理
- (void)detectInWebView:(UIGestureRecognizer *)ges{

    CGPoint touchPoint = [ges locationInView:ges.view];
    NSString *jsString = [NSString stringWithFormat:@"function getURLandRect(){\
                              var ele=document.elementFromPoint(%f, %f);\
                              var url=ele.src;\
                              var jsonString= `{\"url\":\"${url}\"}`;\
                              return(jsonString)} getURLandRect()", touchPoint.x, touchPoint.y];
    [self.locationWebView evaluateJavaScript:jsString completionHandler:^(id _Nullable result, NSError * _Nullable error) {
        NSData *data = [result dataUsingEncoding:NSUTF8StringEncoding];
        NSDictionary*resultDic = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];
        NSString* imageURL = resultDic[@"url"];
        if(imageURL.length==0|| [imageURL isEqualToString:@"undefined"]) {
            return;
        }
        NSData* imageData=nil;
        if(([imageURL hasPrefix:@"http"])) {
            imageData = [NSURLConnection sendSynchronousRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:imageURL]] returningResponse:NULL error:NULL];
            
        }else{
            NSString*dataString = [[imageURL componentsSeparatedByString:@","]lastObject];
//            imageData = [dataString dataUsingEncoding:NSUTF8StringEncoding];
            imageData = [[NSData alloc] initWithBase64EncodedString:dataString options:NSDataBase64DecodingIgnoreUnknownCharacters];
            
        }
        UIImage*image=[UIImage imageWithData:imageData];
        if(image) {
            //弹框处理
            [self.webModel popoverImageAlertWithImage:image Controller:self];
        }
    }];
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ReactiveCocoa使用心得

    5.NSMutableArray 因为NSMutableArray不支持KVO,所以用另外一个方式处理:

    freesan44
  • LeetCode 617. 合并二叉树

    给定两个二叉树,想象当你将它们中的一个覆盖到另一个上时,两个二叉树的一些节点便会重叠。

    freesan44
  • LeetCode 155. 最小栈

    设计一个支持 push,pop,top 操作,并能在常数时间内检索到最小元素的栈。

    freesan44
  • 查看指定目录下的所有目录文件 转

    if (entry->d_type == 4 && strcmp(entry->d_name, ".") != 0 && strcmp(entry->d_nam...

    domain0
  • CountDownLatch的原理

    上次大概说了CountDownLatch的使用,今天说下实现的原理,CountDownLatch的使用效果和Join差不多,实现起来也比较简单。

    付威
  • 关于春招 & 秋招面试的一些经验

    周末了,就不写技术了,来聊聊关于春招/秋招面试的事情,刚好最近也是逐渐开始春招找实习或者找工作的时候了,我就介绍一些当初准备春招实习和秋招工作面试的一些经验吧,...

    材ccc
  • ZooKeeper 分布式锁实现

    用户1263954
  • 【python-leetcode111-树的宽度遍历】二叉树的最小深度

    3 / \ 9 20 / \ 15 7 返回它的最小深度 2.

    绝命生
  • 比较两个vcf文件的多种实现方法

    可以看到,新的vcf文件的突变位点数量远大于旧的vcf文件。仔细查看新vcf文件,**发现是没有做基本过滤,比如测序深度大于20等等指标。**所以我就顺便把它过...

    生信技能树
  • Spring源码剖析2:初探Spring IOC核心流程

    本文大致地介绍了IOC容器的初始化过程,只列出了比较重要的过程和代码,可以从中看出IOC容器执行的大致流程。

    Java技术江湖

扫码关注云+社区

领取腾讯云代金券