javascript - 缩略图显示问题

Question

我有 MVC3 项目和 Valums 文件 uploader 。

代码如下

<script type="text/jscript">
   var uploader = new qq.FileUploader({
   element: document.getElementById('file-uploader'),
   action: '@Url.Action("UploadFile")',
   allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
   sizeLimit: 2147483647,
   onComplete: function (id, fileName, responseJSON) {
           var uploadedFile = "/Images/Orders/thumb-" + responseJSON.uploadedFile;
           $("#uploadedImage").attr("src", uploadedFile);
           $("#ImageErrorMessage").text("");
           alert("Your file has been uploaded.");
      }
  });                                 
</script>

所以在本地上传完成后我可以看到缩略图，所以 jQuery效果很好。

但在 LIVE 网站上根本不显示缩略图。 (但我还是看到了警报消息，并且缩略图已创建，我检查了它。)

缩略图的大小约为 30 Kb。

本来应该如此，但事实并非如此。

有什么线索吗？谢谢!

Answer 1

您有一个硬编码的网址:

var uploadedFile = "/Images/Orders/thumb-" + responseJSON.uploadedFile;

在 ASP.NET MVC 应用程序中绝对不应该这样做。在处理 url 时，您应该始终使用 url 助手。原因是当您在 IIS 中部署应用程序时，必须在 url 前面放置一个虚拟目录名称。所以现在正确的地址是:

var uploadedFile = "/MyAppName/Images/Orders/thumb-" + responseJSON.uploadedFile;

显然，拥有两个单独的版本，一个用于开发，一个用于生产，是 Not Acceptable 。这就是为什么你应该使用 url 助手。

所以:

var uploadedFile = '@Url.Content("~/images/orders/thumb-")' + responseJSON.uploadedFile;

或者，如果这是在一个单独的 javascript 文件中，您无法在其中使用服务器端帮助程序，则可以在 View 中将基本 url 声明为全局 javascript 变量，然后在此处重用它。