如何使用url显示存储在变量中的图像
How to display image stored in variable using the url?
使用PARSE.COM和JAVASCRIPT SDK
使用下面的代码,我可以让用户从网页上传图像,并将其作为对象存储在解析数据库的"文件"列中。
我可以存储图像的详细信息,包括中的url
我不能做的是将url提取出来并在html页面上显示图像。
我添加了屏幕截图来显示数据是如何保存在var profilePhoto
中的,但我无法使用$("profile_pic").attr('src',jobApplication[0]);
将其显示在页面上
我忽略了什么?我已经搜索了SO,但找不到有助于此的相关问题。
检查元素的结果
Arguments[1]0: t.Filecallee: function () {length: 1__proto__: Object user_profile.html:408 t.File {_name: "tfss-fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg", _source:
t.承诺,_previousSave:t.承诺,_url:"http://files.parsetfss.com/0fc5cba8-caf7-4c81-aafc…fe809632-ffb8-245c-99f3-149e4ffdec5-IMG_0047.jpg",名称:函数…}名称:"tfss-fe809632-ffb8-245c-99f3-149e4ffdec5-IMG_0047.jpg"_预览保存:t.Promise_source:t.Promise_url:"http://files.parsetfss.com/0fc5cba8-caf7-4c81-aafc-36390888e497/tfss-fe809632-ffb8-445c-99f3-1149e4ffdec5-IMG_0047.jpg"原型:对象
代码
$(document).ready(function() {
var parseAPPID = "XXX";
var parseJSID = "XXXX";
//Initialize Parse
Parse.initialize(parseAPPID,parseJSID);
$("#fileUploadBtn").on("click", function(e) {
var fileUploadControl = $("#fileUploader")[0];
if (fileUploadControl.files.length > 0) {
var file = fileUploadControl.files[0];
var name = file.name;
console.log("here goes nothing...");
var parseFile = new Parse.File(name, file);
parseFile.save().then(function() {
console.log("Woot!");
console.dir(arguments);
var User = Parse.Object.extend("_User")
var jobApplication = Parse.User.current();
jobApplication.set("ProfilePic", parseFile);
jobApplication.save();
var profilePhoto = jobApplication.get("ProfilePic");
console.log(profilePhoto);
$("profile_pic").attr('src',jobApplication[0]);
}, function(error) {
console.log("Error");
console.dir(error);
});
}
});
});
$("profile_pic")
返回带有profile_pic
标记名的元素,这显然不是您所需要的。看不到HTML,但如果profile_pic
是img
元素的id或类名,那么如果您分别键入$("#profile_pic")
或$(".profile_pic")
,这将起作用。
- 使用带有变量的javascript更改图像src
- 如何使按钮图像在单击时添加到变量中
- Javascript:如何使变量中的图像可点击
- 用于基于 PHP 变量更改图像的 JavaScript
- LazyLoad带有变量的Jekyll图像
- 如何将图像文件以及JavaScript变量的值上传到服务器和数据库
- HTML图像布局使用PHP变量,该变量是用JavaScript动态设置的〔o r…〕
- 更新图像切换上的php会话变量
- 有没有一种存储图像变量的短方法
- 将生成的随机数存储在变量中,然后将该变量作为文件名调用以显示图像.Javascript
- Javascript - 使用变量更改图像
- 将变量 javascript 添加到用于旋转图像的链接中
- 如何使用在 javascript 中分配给图像的变量,并使用 switch 语句在 html 中显示它们
- 在图像网址中传递变量
- 如何将“Flexslider”当前图像编号获取到可以在函数中使用的变量中
- ERB/Coffee Rails 中图像网址的未定义局部变量或方法“image”
- 如何将
标记 SRC 加载到 javascript 变量中,以便在多个图像中重复使用
- 移动图像 ..JavaScript 将变量声明为字符串
- 在 javascript 中设置变量中图像的高度和宽度
- 将 CSS 属性应用于具有 JS 中变量的图像