Question

问题很简单，基本上一旦我选择了本地文件，它应该在页面上显示它，以便用户可以看到它的外观，但是图像没有显示，我的鼠标指针改变以指示计算机是“工作“并做一些事情，但没有任何事情发生

HTML：

<div class="logo">
        <form id="form1" runat="server">
        <input class="logo_upload" type='file' visibility="hidden" style="opacity: 0;" onchange="readURL(this);" />
        <img class="logo_upload" id="image" src="#" alt="your image" height="60" width="60" />
        </form>
    </div>

JQuery的：

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#image').attr('src', e.target.result);
            };
        reader.readAsDataURL(input.files[0]);
        }
}

如何解决这个问题？因为我没有看到任何错误

Answer 1

您的代码正在运行`

＆＃13;

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#image').attr('src', e.target.result);
            };
        reader.readAsDataURL(input.files[0]);
        }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<html>

<div class="logo">
        <form id="form1" runat="server">
        <input class="logo_upload" type='file' onchange="readURL(this);" />
        <img class="logo_upload" id="image" src="#" alt="your image" height="60" width="60" />
        </form>
    </div>
</html>

＆＃13;

/` 也许你有其他错误阻止js

Jquery图像无法预览

1 个答案: