Javascript 在脚本中使用用户选择的文件的结果

我试图在脚本中使用用户选择的文件名。如果输入表单元素为：

<input id="browse" type="file" name="image_field"/>

要使用id=“browse”的内容替换“”，我必须做什么

---

非常感谢您抽出时间。

您可以通过以下方式使用对象URL：

最好在处理完后撤销它（可能在

loadedmetadata

回调中）：

---

您可以通过以下方式为此使用对象URL：

最好在处理完后撤销它（可能在

loadedmetadata

回调中）：

选中此项：

function getVideoDimensionsOf(url){
return new Promise(function(resolve){
    // create the video element
    video = document.createElement('video');

    // place a listener on it
    video.addEventListener( "loadedmetadata", function () {
        // retrieve dimensions
        height = this.videoHeight;
        width = this.videoWidth;
        // send back result
        resolve({
            height : height,
            width : width
        });
    }, false );

    // start download meta-datas
    video.src = url;
});
}

const inputElement = document.getElementById("browse");
inputElement.addEventListener("change", handleFiles, false);

function handleFiles() {
  const fileList = this.files;
  console.log(this.files[0].name);

  getVideoDimensionsOf(URL.createObjectURL(this.files[0]))
.then(function(dimensions){
console.log("Video width: " + dimensions.width) ;
console.log("Video height: " + dimensions.height) ;
alert("Video width: " + dimensions.width + " Video height: " + dimensions.height);
});
}

检查以下内容：

function getVideoDimensionsOf(url){
return new Promise(function(resolve){
    // create the video element
    video = document.createElement('video');

    // place a listener on it
    video.addEventListener( "loadedmetadata", function () {
        // retrieve dimensions
        height = this.videoHeight;
        width = this.videoWidth;
        // send back result
        resolve({
            height : height,
            width : width
        });
    }, false );

    // start download meta-datas
    video.src = url;
});
}

const inputElement = document.getElementById("browse");
inputElement.addEventListener("change", handleFiles, false);

function handleFiles() {
  const fileList = this.files;
  console.log(this.files[0].name);

  getVideoDimensionsOf(URL.createObjectURL(this.files[0]))
.then(function(dimensions){
console.log("Video width: " + dimensions.width) ;
console.log("Video height: " + dimensions.height) ;
alert("Video width: " + dimensions.width + " Video height: " + dimensions.height);
});
}

---

检查这把小提琴：@Marcelo Macedo你好，谢谢你的帮助和小提琴。该代码显示所选文件的名称，该文件为Flash.swf，这很好，但不显示.swf文件的宽度和高度。你知道我怎样才能得到这些信息吗？查一下这个提琴：@Marcelo Macedo嗨，谢谢你的帮助和提琴。该代码显示所选文件的名称，该文件为Flash.swf，这很好，但不显示.swf文件的宽度和高度。你知道我怎样才能得到这些信息吗。

URL.revokeObjectURL(video.src);

function getVideoDimensionsOf(url){
return new Promise(function(resolve){
    // create the video element
    video = document.createElement('video');

    // place a listener on it
    video.addEventListener( "loadedmetadata", function () {
        // retrieve dimensions
        height = this.videoHeight;
        width = this.videoWidth;
        // send back result
        resolve({
            height : height,
            width : width
        });
    }, false );

    // start download meta-datas
    video.src = url;
});
}

const inputElement = document.getElementById("browse");
inputElement.addEventListener("change", handleFiles, false);

function handleFiles() {
  const fileList = this.files;
  console.log(this.files[0].name);

  getVideoDimensionsOf(URL.createObjectURL(this.files[0]))
.then(function(dimensions){
console.log("Video width: " + dimensions.width) ;
console.log("Video height: " + dimensions.height) ;
alert("Video width: " + dimensions.width + " Video height: " + dimensions.height);
});
}