Discuss / JavaScript / change 事件一直不能被调用？
Back

change 事件一直不能被调用？

Topic source

安兴乐CS

#1 Created at ... [Delete] [Delete and Lock User]

<form onsubmit="return upload()" method="post" id="submit_id" enctype="multipart/form-data"> <input type="file" id="test-file" name='test'/> <input type="submit" name="submit" value="submit" /> <input type="button" class="search" value="搜索" /> </form>

<script> function upload() { alert("upload....."); var fileInput = document.getElementById('test-file'), // 上传按钮 info = document.getElementById('test-file-info'), //文件信息 preview = document.getElementById('test-image-preview'); //文本框

                        alert("will go to  change!");
                    // 监听change事件:
                    fileInput.addEventListener('change', function() {
                        alert("debug!");
                        // 清除背景图片:
                        preview.style.backgroundImag.......
                        ........

     哎呀，真是不好意思，我的代码这么乱！下面还有，差不多是这样子吧。不知道为什么，我的JS一直不能走到alert("debug!");
        不知道为什么呢？

安兴乐CS

#2 Created at ... [Delete] [Delete and Lock User]

下面的代码： ...... reader.readAsDataURL(file); }); } 

</script>
<div id="test-image-preview" style="border: 1px solid rgb(204, 204, 204); width: 50%; height: 200px; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;"></div>

<p id="test-file-info">还没有上传文件</p>

基本上和作者的一致！
  • 1

Reply