parse.com javascript上传多个图像

Upload multiple images parse.com javascript

本文关键字：图像 com javascript parse      更新时间：2023-09-26

我正在尝试使用 javascript 代码在 parse.com 中进行多次上传。我已经设法将一张图像上传到一个类中，但现在我希望将多张图像上传到不同的行中。

我试过这个

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="http://www.parsecdn.com/js/parse-latest.js"></script>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<script type="text/javascript">
$(document).ready(function() {
    Parse.initialize("APPID", "JSKEY");
    function saveJobApp(objParseFile) {
        var jobApplication = new Parse.Object("imagemagazia");
        jobApplication.set("imagename", objParseFile);
        jobApplication.save(null, {
                success: function(gameScore) {
                     alert("succesfull save image");      
                },
                error: function(gameScore, error) {
                    alert('Failed to create new object, with error code: ' + error.description);
                }
            });
    }
    $('#submitId').on("click", function(e) {    
        PhotoUpload();
        });
         function PhotoUpload() {
        var test = [];   
        console.log("edw");
        var fileUploadControl = $("#profilePhotoFileUpload")[0];
        for (i=0; i<3; i++){
        var file = fileUploadControl.files[i];
        //test.push(file);
        var name = file.name; //This does *NOT* need to be a unique name
        console.log(name +" : "+file);
        //}
       console.log(test);
       //var t = [];
        //for(j=0; j<test.length; j++){
        var parseFile = new Parse.File(name, file);
        //t.push(parseFile);
        //var nw = t[i];
            parseFile.save().then(
                function() {
                    saveJobApp(parseFile);
                },
                function(error) {
                    alert("error");
                }
            );
        }
    }
});
</script>
</head>
<body>
  <form id="business_form" method="post">
    <table>
    <tr>
        <td>Image</td>
        <td><input type="file" id="profilePhotoFileUpload" multiple></td>
      </tr>
       <tr>
        <td><input type="button" id="submitId" value="submit"></td>
      </tr>
    </table>
  </form>
</body>
</html>

更新。 使用上面的代码，我正在尝试上传 3 张图像。"1.jpg"2.jpg"3.jpg">

但它只上传了 3.jpg因为它是最后一个。知道吗？

我注意到最好在外部循环函数本身，而不是在函数中循环。如果你尝试这样做： 

$('#submitId').on("click", function(e) {
    var fileUploadControl = $("#profilePhotoFileUpload")[0];
    console.log(fileUploadControl.length);
    for (i=0; i<3; i++){
            var file = fileUploadControl.files[i];
            var name = file.name; 
            PhotoUpload(name, file);
     }
    });

然后：

    function PhotoUpload(objname, objfile) {    
        console.log(objname);
        console.log(objfile);
            var parseFile = new Parse.File(objname, objfile);
                parseFile.save().then(
                    function() {
                        saveJobApp(parseFile);
                    },
                    function(error) {
                        alert("error");
                    }
                );
    }

另外，如果要添加的不仅仅是树图像，您只需添加以下内容： 

for (i=0; i<fileUploadControl.files.length; i++)
相关文章：