使用parse.com和JavaScript SDK。该代码应该允许用户注册并上传个人资料图片。
更新后,这是我使用的代码,在尝试注册用户时返回错误控制台消息is Uncaught TypeError: Cannot read property 'length' of undefined
> $('#SignUp').click(function(e) {
> UserSignUp(); });
>
>
> function UserSignUp() {
>
> var user = new Parse.User();
> userFirstname = $('#firstnamesu').val();
> userLastname = $('#lastnamesu').val();
> userUsername = $('#usernamesu').val();
> userGender = $('#gendersu').val();
> Email = $('#emailsu').val();
> PWP = $('#passwordsu').val();
>
> user.set("FirstName", userFirstname);
> user.set("LastName", userLastname);
> user.set("username", userUsername);
> user.set("gender", userGender);
> user.set("email", Email);
> user.set("password", PWP);
>
>
> var fileUploadControl = $("#pic")[0]; if (fileUploadControl.files.length > 0) { var file =
> fileUploadControl.files[0]; var name = "photo.png";
>
> var parseFile = new Parse.File(name, file);
>
> //put this inside if { parseFile.save().then(function() { //
> The file has been saved to Parse. }, function(error) { // The
> file either could not be read, or could not be saved to Parse.
> });
>
> // Be sure of ur parameters name
> // prod is extend of my class in parse from this: var prod = new products();
> user.set("ProfilePic", parseFile);
> user.save(); } ////////////Runs parse after the SignUp button has been clicked by the user////////////////////
>
> $('#SignUp').click(function(e) {
> UserSignUp(); });
>
> user.signUp(null, {
> success: function(user) {
> if (!user.existed()) {
> window.location.href = "user_home.html";
> } else {
> alert("NO WAY BUDDY");
> }
> },
> error: function(user, error) {
>
> }
> });
我使用以下代码回答了自己的问题。基本上,这是一个将代码重构成更合乎逻辑的顺序来解决问题的案例。我在这里遇到的另一个问题并没有帮助解决这个问题,它只是进一步混淆了问题。parse.com用户注册不工作的问题
$('#SignUp').click(function(e) {
UserSignUp();
});
function UserSignUp() {
var fileUploadControl = $("#pic")[0];
if (fileUploadControl.files.length > 0) {
var file = fileUploadControl.files[0];
var name = "photo.png";
var user = new Parse.User();
var parseFile = new Parse.File(name, file);
userFirstname = $('#firstnamesu').val();
userLastname = $('#lastnamesu').val();
userUsername = $('#usernamesu').val();
userGender = $('#gendersu').val();
Email = $('#emailsu').val();
PWP = $('#passwordsu').val();
user.set("ProfilePic", parseFile);
user.set("FirstName", userFirstname);
user.set("LastName", userLastname);
user.set("username", userUsername);
user.set("gender", userGender);
user.set("email", Email);
user.set("password", PWP);
var uri = encodeURI('http://XXXX.com/XXXX.html');
user.signUp(null, {
success: function(user) {
if (!user.existed()) {
window.location.href = uri;
}
},
error: function(user, error) {
// Show the error message somewhere and let the user try again.
}
});
};
}
第一个建议,它会使代码变得更长,但它会显示错误发生的位置。
function ifUndeforNull(val){
var ret = false;
try{
if((val == undefined)|| (val==null)){
ret = true;
}
}catch(ex){
console.log("Error:"+ex);
}
return ret;
}
然后你检查你的vals是未定义的还是空的。
if(ifUndeforNull(userFirstname)){
console.log('User First Name Null or Undefined');
}
用日志记录将整个内容封装在try{}catch{}中也会有所帮助。
最后,我会用var声明诸如userFirstName之类的变量,因为如果没有指定,有时浏览器可能会成为令人恼火的非标准。