Средство выбора изображений не работает при попытке выбрать несколько изображений

Я использую этот плагин jQuery для выбора изображений (http://rvera.github.io/image-picker/), чтобы показать изображения и сделать множественный выбор

Все работает, если я использую обычный выбор, подобный этому.

<select class="image-picker">

но когда я пытаюсь использовать множественный выбор, включив несколько атрибутов

<select class="image-picker" multiple="multiple">

Все изображения заморожены и не могут быть выбраны, и я не могу выбрать даже одно изображение.

Это мой исходный код

 <!DOCTYPE html>
<html>
    <head> 
        <style>


  .image_picker_image {
            max-width: 140px;
            max-height: 100px;
            background-color: #FF0000;
        }
    </style>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
        <script src="image-picker/image-picker.js"></script>
        <link rel="stylesheet" href="image-picker/image-picker.css" />

        <script type="text/javascript">
            $(document).ready(function () {
                $("select").imagepicker();
            });
        </script>


    </head>
    <body>

        <!--code for imagepicker-->
        <select class="image-picker" multiple="multiple">
            <option data-img-src="http://placekitten.com/220/200" value="1">Cute Kitten 1</option>
            <option data-img-src="http://placekitten.com/180/200" value="2">Cute Kitten 2</option>
            <option data-img-src="http://placekitten.com/130/200" value="3">Cute Kitten 3</option>
            <option data-img-src="http://placekitten.com/270/200" value="4">Cute Kitten 4</option>
        </select>

    </body>
</html>

debugging image picker jquery jquery-plugins
person zelda    schedule 15.02.2015    source источник
comment
Работает нормально jsfiddle.net/mgvrc/246   -  person Runcorn    schedule 15.02.2015
comment
нашел его. Я забыл, что у jquery не должно быть type=text/javascript в теге бокового скрипта. Но тем не менее я действительно благодарю вас за вашу помощь. ^^   -  person zelda    schedule 15.02.2015

Ответы (1)


arrow_upward
0
arrow_downward

Используйте тайм-аут для отправки изображений. Я думаю, что это решает проблему с памятью, помещая изображения одно за другим с интервалом:

this.imagePicker.getPictures({
        maximumImagesCount: 10,
        width:512,
        height:512,
        outputType: 1 ,
        quality:45
     }).then((results) => {
       for (var i = 0; i < results.length; i++) {
         if(results[i] ){
           let thisimg = {
               "src":'data:image/jpeg;base64,' + results[i] 
           };
           setTimeout(()=>{
            this.imageLists.push( thisimg );
           },1000) 
           //this.imageLists.reverse();
         } 
       }  
    }, (err) => { 
        this.events.publish("toast",err);
});
person Njehuu    schedule 30.01.2019