如何在ipad中禁用文件输入上的照片库和icloud选择

时间:2017-08-17 01:03:40

标签: jquery html

只是徘徊,是否可以使用jquery或html禁用ipad中文件输入的照片库和icloud选择?

单击按钮时,我将以下html代码用于附加文件:

<input type="file" id="uploadBtn" class="uploadBtn">

目前,如果我在ipad中运行代码,当点击附加按钮时,它会弹出一个对话框,允许用户拍照,从照片库中选择或从icould中选择。无论如何,我可以使用jquery ot html禁用ipad中文件输入的照片库和icloud选择吗?

1 个答案:

答案 0 :(得分:0)

您无法通过input按钮执行此操作。

您可以选择通过网页上的摄像头捕获图像,如下所示,然后将图像推送到服务器。

<强> HTML

<video id="video" width="640" height="480" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>

<强>的Javascript

// Grab elements, create settings, etc.
var video = document.getElementById('video');

// Get access to the camera!
if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
    // Not adding `{ audio: true }` since we only want video now
    navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) {
        video.src = window.URL.createObjectURL(stream);
        video.play();
    });
}

// Elements for taking the snapshot
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var video = document.getElementById('video');

// Trigger photo take
document.getElementById("snap").addEventListener("click", function() {
    context.drawImage(video, 0, 0, 640, 480);
});

来源:https://davidwalsh.name/browser-camera