DropzoneJS - есть идеи по настройке «основной картинки»? - PullRequest
Новая
       8

DropzoneJS - есть идеи по настройке «основной картинки»?

0 голосов
/ 04 ноября 2019

Я делаю снимки на велосипеде при регистрации информации. У меня есть 3 или более изображений, и я хочу, чтобы пользователь выбрал «основное» изображение. Любые идеи о том, как я могу это сделать. Я ничего не нашел в сети по этому поводу.

У меня есть некоторые идеи, сделать изображения кликабельными, как переключатель. Имейте радио-кнопку на них, создайте 2 dropzonejs. Прекратите использовать перетаскивание.

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

Спасибо вам большое .. 

<script src="/vendor/dropzone/dropzone.js" type="text/javascript"></script>

    <script>

    // https://github.com/iSatinderSingh/Final_dropzoneJs_Aspnet
    // https://codepedia.info/using-dropzone-js-file-image-upload-in-asp-net-webform-c/
    // https://stackoverflow.com/questions/26002167/dropzone-js-cant-click-on-custom-preview
    // https://github.com/enyo/dropzone/wiki/FAQ#how-to-show-files-already-stored-on-server

        $(document).ready(function () {
            Dropzone.autoDiscover = false;
            var chassinummer = $("#ContentPlaceHolder1_txtChassinummer").val();

            // get the id to create a folder with (this is a VIN number)

            //Simple Dropzonejs 
            $("#dZUpload").dropzone({
                url: "/pages/callback/hn_fileupload.ashx?id="+chassinummer,
                addRemoveLinks: true,
                autoProcessQueue: true,
                init: function () {
                    console.log('Dropzone adds already uploaded images: ');

                    // tidigare uppladdade filer
                    var existingFiles = [
                        <%=imagearray%>
                    ] 

                    var myDropzone = this;
                    for (i = 0; i < existingFiles.length; i++) {
                        myDropzone.emit("addedfile", existingFiles[i]);
                        myDropzone.emit("thumbnail", existingFiles[i], existingFiles[i].name);
                        myDropzone.emit("complete", existingFiles[i]);

                    }
                },
                removedfile: function (file) {
                    var name = file.name;   
                    $.ajax({
                        type: 'POST',
                        url: '/pages/callback/deleteimage.aspx',
                        data: {name: name, action: 2, id: chassinummer},
                        dataType: 'html',
                        sucess: function(data){
                            console.log('Delete success: ' + data);
                            }
                    });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;        
                },
                success: function (file, response) {
                    var imgName = response;
                    file.previewElement.classList.add("dz-success");
                    console.log("Successfully uploaded :" + imgName);
                },
                error: function (file, response) {
                    file.previewElement.classList.add("dz-error");
                }
            });

        });

    </script>
...