gpt4 book ai didi

javascript - Django : Display image example jquery not working - Uncaught Reference Error

转载 作者:行者123 更新时间:2023-11-28 05:52:02 25 4
gpt4 key购买 nike

我正在尝试运行以下命令 jquery示例在我基于 django 的网站中。我仍处于学习阶段,所以请耐心等待。

这是我的代码到目前为止的样子

 {% extends "base.html" %}
{% load crispy_forms_tags %}
{% block content %}


<input type='file' />
<img id="myImg" src="#" alt="your ...image" />

<script>
$(function () {
$(":file").change(function () {
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
}
});
});


function imageIsLoaded(e) {
alert("dsdsdsd")
$('#myImg').attr('src', e.target.result);
};
</script>



{% endblock %}

似乎当我选择一个文件时, $(":file").change 函数没有被调用。任何想法为什么可能不会被调用。我在 jsfiddle 上尝试过,它有效。我在 Chrome 。这是 chrome 调试输出显示的内容

enter image description here

将鼠标悬停在它指出的 x 上

Uncaught Reference Error $ is not defined.

我的 jquery 已加载。 chrome 就是这么说的 enter image description here

更新:

所以它的工作原理是这样的

<script>
function startup()
{

$(function () {
$(":file").change(function () {
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
}
});
});

function imageIsLoaded(e) {
$('#myImg').attr('src', e.target.result);

};

}
</script>


<body onload="startup()">

我不知道为什么它会这样工作。任何解释将不胜感激。为什么它需要位于 startup

最佳答案

这就是我解决问题的方法

<script>
function startup()
{

$(function () {
$(":file").change(function () {
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
}
});
});

function imageIsLoaded(e) {
$('#myImg').attr('src', e.target.result);

};

}
</script>


<body onload="startup()">

关于javascript - Django : Display image example jquery not working - Uncaught Reference Error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37998739/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com