时间戳

首页 > 解决方案 > 如何从输入中获取的图像属性中删除边框？

javascript - 如何从输入中获取的图像属性中删除边框？

问题描述

我有一个问题，我没有摆脱它，所以请帮助我。我有一个输入 IMG，我有一个脚本，可以显示我选择的图像。但是当输入为空时，图像属性显示黑色边框。无法摆脱黑色边框。这很令人沮丧。那么如果没有选择输入，我该如何删除边框或图像属性？帮我！

`<img id="uploadPreview" style="width: 100px; height: 100px;" />


<input id="imgInp" type="file" name="myPhoto" onchange="PreviewImage();" />


function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src = oFREvent.target.result;
    };
};

`

标签： javascripthtml

解决方案

也许可以使用以下方式设置图像线的样式：

border-width:0px;
border:none;

那应该删除任何类型的边框。

或者添加一个

display:none

完全隐藏图像。

推荐阅读