Javascript 在引导模式中将图像渲染为字符

Javascript 在引导模式中将图像渲染为字符,javascript,jquery,node.js,twitter-bootstrap,google-app-engine,Javascript,Jquery,Node.js,Twitter Bootstrap,Google App Engine,我最近通过谷歌应用引擎(GoogleAppEngine,NodeJS)推出了一个简单的单页组合网站,除了点击图片库外,一切都很好。图像渲染缓慢,呈现为: ����tExifII*>F(i)�N���0230��� 这只是第1段。它一直在继续。我联系谷歌,虽然他们帮了我很大的忙,但他们确定这是我的javascript。Bummer。他们建议我在这里发帖,看看其他人是否能看出我的错误。我已经查看了其他应用引擎图像问题,但我找不到与我类似的问题。很简单要么是python,要么是我已经尝试过的东西 我

我最近通过谷歌应用引擎(GoogleAppEngine,NodeJS)推出了一个简单的单页组合网站,除了点击图片库外,一切都很好。图像渲染缓慢,呈现为:

����tExifII*>F(i)�N���0230���

这只是第1段。它一直在继续。我联系谷歌,虽然他们帮了我很大的忙,但他们确定这是我的javascript。Bummer。他们建议我在这里发帖,看看其他人是否能看出我的错误。我已经查看了其他应用引擎图像问题,但我找不到与我类似的问题。很简单要么是python,要么是我已经尝试过的东西

我的目录布局是:

  • 节点单元
  • 公开的 -css -img -js -少 -卖主
  • app.js
  • app.yaml
  • package.json

    这是我的app.js:

    
    "严格使用",;
    请求
    uire('@googlecloud/debug agent').start();
    var express=需要(“express”);
    var path=require('path');
    var-app=express();
    app.use(express.static(path.join(uu dirname,'public'));
    app.all('/',函数(req,res){
    res.sendFile('index.html',{root:'public'});
    });
    应用程序监听(8080,函数(){
    log(“我在听…”);
    
    })
    请注意,App Engine Flexible环境不支持用于提供静态文件的静态目录选项;请参阅 有关详细信息,您使用express.static为/public文件夹提供服务是正确的

    服务器似乎为您的图像提供了不正确的内容类型。请检查HTTP标头(使用浏览器调试器中的“网络”选项卡)以查看是否存在这种情况


    我刚刚用node.js和Express在本地做了一些测试,看起来它使用了serve static,它使用send,它使用mime,它根据文件扩展名猜测内容类型。出现错误的图像是否有一个没有扩展名的文件名,或者扩展名不正确?

    经过几次尝试后,看到一些其他例子中,有效的就是这个

    以下是我的工作模式/旋转木马示例:

    
    我的一些工作
    
    • 我的娱乐画廊
    谢谢Phillip的回复。检查http头我看到:http/1.1200 OK。由Express提供支持。内容类型:image/jpeg。连接:Keep alive。请求头中有:GET/img/portfolio/fullsize/entertainment/1.jpg http/1.1。我所有的img文件都有.jpg扩展名。所有的图片都是编号为1到10的我刚刚尝试打开的e图像在图像的各个字符中都引用了Adobe photoshop和HP版权。我阅读了“提供静态文件”的外部链接Express,我觉得我已经正确设置了这两个链接。我是不是遗漏了什么?嗯……它看起来是以正确的内容类型发送的。我想知道ybe Express可能已损坏该图像。如果您下载其中一个图像并重新打开它,它是否有效?您是否可以发布指向该网站的链接,以便我可以查看?以下是该网站:。它不允许我下载该图像。我签出了“查看页面源”,并且有指向该图像的所有链接,当在ch中单击“渲染”时,这些链接都很好rome.Ah.这不是应用程序引擎的问题…这里发生的是Javascript中的某些东西正在加载图像数据并将其作为HTML转储到您的模式内容div中。这会将Chrome挂起约20秒,但一旦它恢复正常,我就可以在inspector中打开div并查看其中的数据。我看不到浏览器中的位置vascript发生了这种情况,但怀疑您正在告诉引导程序使用JPEG作为模式对话框的内容,而您需要在其中放置标记。