将网站上传到服务器后某些功能无法使用

Question

在localhost，我的网站运行正常。将其上传到托管服务器后，某些功能无法正常工作。一些图片没有显示，而其他图片来自同一文件夹。

但是每个功能都在起作用，并且每张图像都显示在localhost上。

例如，以下代码在服务器上不起作用。如果在输入字段中选择图像，它将显示图像的预览

/* The uploader form */
$(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);
  $('#yourImage').attr('src', e.target.result);
}

    /* Image Designing Propoerties */
.thumb {
  height: 75px;
  margin: 10px 5px 0 0;
}
#myImg {
  width: 30%;
  height: auto;
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="thumbnail"></div>
<h5>Upload Your File Here: </h5>
<img id="myImg" src="" >
</br></br>
<input type='file' />

Answer 1

确保所有图像也都通过它位于服务器或相关目录上，然后进入元素。