Disable iPhone "Save Image" Popup

Disable iPhone save image popup

Have you tried -webkit-user-select:none; and/or -webkit-touch-callout:none;?

Disable iPhone save image popup

Have you tried -webkit-user-select:none; and/or -webkit-touch-callout:none;?

Disable Default Save Image Option In Mobile

Simple solution.

For iOS, use the following:

.disableSave {
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}

For Android, use:

oncontextmenu="return false;";

How to disable the 'save image as' popup for smartphones for input

I can not test it, but this would be worth a try.

I assume that <input type="image" /> is beeing treaded like an <img> by your browser.

To prevent this, you can change your input type to type="submit" or type="button" which should not show the image context menu. For this to work you will have to alter your html and your css. This is not really more correct than your solution, but it should help you at your problem:

HTML:

<input type="button" class="UpKeyImage" id="Up" value="Up" />

New CSS:

.UpKeyImage {
    /*this will hide the value*/
    text-indent: -999em;
    overflow: hidden;
    text-align: left;
    /*Downside of this solution, you will need to define the width and height*/
    width: 400px;
    height: 200px;
    /*this will be dancerup.png*/
    background-image: url(http://lorempixel.com/400/200/);
    border: none;
    background-color: transparent;
    box-shadow: none;
}
.UpKeyImage.dance-up {
    /* path to the other image */
    background-image: url(http://lorempixel.com/sports/400/200/);
}

And some new jQuery:

$(function () {
    $('#Up')
    .mouseup(function () {
        $(this).removeClass("dance-up");
    })
    .mouseleave(function () {
        $(this).removeClass("dance-up");
    })
    .mousedown(function () {
        $(this).addClass("dance-up");
    });
});

Here is a demo: http://jsfiddle.net/nr9ffw84/

What might be preventing an iOS user from saving an image?

Well, I finally found the answer right after posting! I'll leave it here in case anyone stumbles upon this later.

In //touchcontrols on simple-lightbox.js, I deleted the following:

> `swipeStart    = 0,
                swipeEnd     = 0,
                swipeYStart = 0,
                swipeYEnd = 0,
                mousedown = false,

I also disabled swiping to change photos. I hope this helps someone later on!

Prevent Copy image in iOS web application

I don't know about iOS or mobile phones: but if you make the image a background image, it doesn't usually give you the option to save .....

How to override the Save Image menu of WKWebView on iOS 10

menu appear when you long press on WKWebview is UIMenuController . You can customise it to add new items to it - new buttons with you custom action on it. But you cant Modify existing menu action.

If you want to copy image to some other place with menu, Add new menu to save image to to document folder.

UIMenuItem *menuItem = [[UIMenuItem alloc] initWithTitle:@"Copy Image"
                                                      action:@selector(customAction:)];
[[UIMenuController sharedMenuController] setMenuItems:[NSArray arrayWithObject:menuItem]];

Prevent iOS from taking screen capture of app before going into background

You are on the right track. This is Apple's recommended way to do this as noted in the iOS Application Programming Guide:

Remove sensitive information from views before moving to the background. When an application transitions to the background, the system takes a snapshot of the application’s main window, which it then presents briefly when transitioning your application back to the foreground. Before returning from your applicationDidEnterBackground: method, you should hide or obscure passwords and other sensitive personal information that might be captured as part of the snapshot.

---

Related Topics