Форумы портала PHP.SU

CODE (javascript):
скопировать код в буфер обмена
 
UploadInit : function(){
                if (this.file_init) {
                    return;
                }else{
                    this.file_init = false;
                }
                var that = this;
 
 
                this.$('.f-comment-add-file').fileupload({
                        url: '/upload_image/upload',
                        dataType: 'json',
                        autoUpload: false,
                        dropZone: $('<div>'),  // Default: $(document)
                        maxFileSize: 5000000, // 5 MB
                        disableImageResize: /Android(?!.*Chrome)|Opera/.test(window.navigator.userAgent),
                        previewMaxWidth: 100,
                        previewMaxHeight: 100,
                        previewCrop: true,
                        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
 
                    }).on('fileuploadadd', function (e, data) {
 
                        /*
                         * защита от копипаста
                         * Проверка что грузим реальную картинку
                         * у реальной картинки есть поле name и оно не может быть пустым
                         */
                        
                            if (typeof data.files[0].name == 'undefined'){
                                data.abort();
                                return;
                            }
 
 
                        if(that.image_count==2){
                            data.abort();
                            return;
                        }else{
                            that.image_count++;
                            that.locking_upload_file();
                        }
 
                        data.context = $('  <div class="img_post_preview">\n\
                                                <span class="icon icon-mini-close f-close"></span>\n\
                                                <div class="progress progress-striped active">\
                                                    <div class="progress-bar" style="width: 0%;"></div>\
                                                </div>\
                                            </div>')
                                    .appendTo(that.$el.find('.uploaded_image_preview-comment'));
                        data.context.find('.f-close').data(data).on('click', function(){
                            data.abort();
                            data.context.remove();
 
                            that.image_count--;
                            that.locking_upload_file();
                        });
 
                        console.log(data);
                        console.log(data.files);
 
                        that.blocksReInitialise();
 
                    }).on('fileuploaddone', function (e, data) {
                        if(data.result.status==='error'){
                            alert('Upload error');
                        }
                        else{
                            var attachments = that.model.get('attachments');
 
                            attachments.push({type:'image',img_id: data.result.img_id});
                            that.model.set('attachments', attachments);
 
                            data.img_id = data.result.img_id;
                            // удалили прогрес бар
                            data.context.find('.progress').remove();
                            // убрали у кнопки сотменить загруску событие клик которое вызывало аборт
                            data.context.find('.f-close').off('click')
                                // событие удаление из сообщения картинки которая уже была загружена
                                .on('click', function(){
                                    // удаляем из модели атачи
                                    console.log('удаляем на сервере');
                                    var attachments = that.model.get('attachments');
                                    for(var i = 0; i<attachments.length; i++){
                                        if(attachments[i].img_id == data.img_id){
                                            attachments.splice(i ,1); // удаляем элемент
                                            that.model.set('attachments', attachments);
 
                                            that.image_count--;
                                            that.locking_upload_file();
                                        }
                                    }
                                    data.context.remove();
                                    data.context = null;
 
                                    that.blocksReInitialise();
 
                                });
 
                            console.log('Отправка успешна', data);
                        }
                    }).on('fileuploadprocessalways', function (e, data) {
                        var index = data.index,
                            file = data.files[index],
                            node = $(data.context);
                        if (file.preview) {
                            node.append(file.preview);
                        }
                        if (file.error) {
                            node.append($('<span class="text-danger"/>').text(file.error));
                        }else{
                            data.submit();
                        }
 
 
                    }).on('fileuploadprogress', function (e, data) {
                        var progress = parseInt(data.loaded / data.total * 100, 10);
                        data.context.find('.progress-bar').css(
                            'width',
                            progress + '%'
                        );
                    });
            }
 