123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>File Input Example</title>
- </head>
- <body>
- <input type="file" id="fileInput" onchange="displayFileName()">
- <div id="fileNameDisplay"></div>
- <button onclick="invokeJS()">调用download</button>
- <button onclick="invokeCamera()">调用相机</button>
- <button onclick="selectFile()">Select File</button>
- <div id="fileDisplay"></div>
- <script>
- function displayFileName() {
- const fileInput = document.getElementById('fileInput');
- const fileNameDisplay = document.getElementById('fileNameDisplay');
- if (fileInput.files.length > 0) {
- fileNameDisplay.textContent = fileInput.files[0].name;
- } else {
- fileNameDisplay.textContent = '';
- }
- }
- function invokeJS() {
- openHarmonyBridge.download(JSON.stringify({
- token: "ddddd",
- path: "这是路径"
- }));
- }
- function invokeCamera() {
- let promise = navigator.mediaDevices.getUserMedia(constraints);
- // then()异步,调用MediaStream对象作为参数
- promise.then(function (MediaStream) {
- });
- }
- function selectFile() {
- const fileInput = document.getElementById('fileInput');
- fileInput.click();
- }
- document.getElementById('fileInput').addEventListener('change', function() {
- const fileDisplay = document.getElementById('fileDisplay');
- const fileInput = document.getElementById('fileInput');
- if (fileInput.files.length > 0) {
- const file = fileInput.files[0];
- const reader = new FileReader();
- reader.onload = function(e) {
- fileDisplay.textContent = e.target.result;
- };
- reader.readAsText(file);
- } else {
- fileDisplay.textContent = '';
- }
- console.log("dddd")
- });
- </script>
- </body>
- </html>
|