无法让用户在注册过程中上传个人资料图片(Parse.com/JS SDK）

Unable to let user upload profile picture in sign up process (Parse.com/JS SDK)

本文关键字：Parse 资料图片 com SDK JS 用户 注册 过程中 注册过程      更新时间：2023-09-26

使用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之类的变量，因为如果没有指定，有时浏览器可能会成为令人恼火的非标准。

相关文章：