gpt4 book ai didi

javascript - 使用 javascript 显示来自 parse.com 数据库的图像的简单方法

转载 作者:行者123 更新时间:2023-11-30 18:04:41 24 4
gpt4 key购买 nike

我正在开发一个非常简单的页面,它只是从 parse.com 的表格中提取并显示图像。我对 javascript 的经验不多,从下面的代码中可以看出这一点。

我需要图像按时间顺序显示。使用当前代码,它在大多数情况下都可以正常工作,但有一点错误。

主要有两个问题:

1) 有时,随机地,一张特定的新图像可能不会出现在顶部,而是出现在两者之间的某个位置。

2) 此页面适用于 Firefox 和 Chrome,但不适用于 IE。

有没有更好的方法来实现这个或者我应该改变什么?任何帮助将不胜感激。

页面源-

<!doctype html>
<head>
<meta charset="utf-8">

<title>My parse images</title>
<meta name="description" content="My Parse App">
<meta name="viewport" content="width=device-width">
<!-- <link rel="stylesheet" href="css/reset.css"> -->
<link rel="stylesheet" href="css/styles.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.0.min.js"></script>
</head>

<body>

<div id="main">




<script type="text/javascript">
Parse.initialize("xxxxxxxxxxxxxxxxxx", "xxxxxxxxxxxxxxxx");

var config = {
parseAppId: 'xxxxxxxxxxxxxxxxxxx',
parseRestKey: 'xxxxxxxxxxxxxxxxxx',
streamName: 'parse-demo'
};


var getPhotos = function() {
var userImages = Parse.Object.extend("userImages");
var query = new Parse.Query(userImages);

query.find({
success: function(results) {


$('#photo-container').children().remove();


for(var i=results.length - 1; i>=0; i--){

var img = new Image();
img.src = results[i].get("image").url;
img.className = "photo";
document.body.appendChild( img );


}



},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
};

function refresh (timeoutPeriod){
refresh = setTimeout(function(){window.location.reload(true);},timeoutPeriod);
}


$(document).ready(function() {

getPhotos();

// refresh(10000);

});

</script>
</body>

</html>

最佳答案

Internet Explorer 阻止混合内容。由于 Parse 的 JavaScript SDK 需要 SSL,因此您还需要使用 HTTPS 托管您的应用,以便从 IE 访问它。

关于javascript - 使用 javascript 显示来自 parse.com 数据库的图像的简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16072713/

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