javascript - Cordova - 选择多张照片并将其发送到服务器

Question

我正在使用 cordova-imagePicker 插件选择多个图像并使用 fileTransfer 将其发送到服务器。

通过使用插件，我可以从图库中选择多个图像并将其显示在屏幕上。我面临的问题是从显示的图像中获取 imageURI 。

以下是我的代码:js 文件

function getMultiplePhoto() {
          window.imagePicker.getPictures(
                function(results) {

                    for (var i = 0; i < results.length; i++) {                          
                        var parent = document.getElementById('images');                             
                        img = new Image();
                        img.style.display = 'block';
                        img.className = 'hi';
                        img.src = results[i];
                        parent.appendChild(img);                
                    }
                }, function (error) {
                    console.log('Error: ' + error);
                }, {
                    maximumImagesCount: 10,
                    width: 800

                }
            );
        }

function uploadMutipleImages() {    

                var items = document.getElementByClassName('hi').getAttribute("src");


                for(var i=0; i<items.length; i++) {
                    console.log(items[i]);

                }

HTML 文件

<div id="one" class="ui-content">
    <h3>Upload Multiple Images from gallery</h3>
        <p>
            <button data-role="none" onclick="getMultiplePhoto();" class="nightly-button"><i class="fa fa-picture-o"></i>Select Images</button>
            <br><br>                            
        </p>
        <div style="width:30%;height:30%;" id="images"></div>
        <br>
        <input type="button" data-role="none" style="float:left;" onclick="uploadMutipleImages()" class="nightly-button" data-theme="b" Value="Submit">                         
</div>

我使用上面的代码时出错:对象“HTML”没有方法 getelementsbyclassname

Answer 1

您正在使用getElementByClassName

您必须使用getElementsByClassName