Загрузка изображения Компоненты MVC

Question

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

Answer 1

Посмотрите на это как вариант:

http://blueimp.github.io/jQuery-File-Upload/jquery-ui.html

Исходный код доступен здесь: https://github.com/blueimp/jQuery-File-Upload

Довольно проста в использовании:

$(function() 
    { 
    'use strict'; 
    // Change this to the location of your server-side upload handler: 
    var url = window.location.hostname === 'blueimp.github.io' ? 
    '//jquery-file-upload.appspot.com/' : 'server/php/'; 
    $('#fileupload').fileupload({ 
     url: url, 
     dataType: 'json', 
     done: function (e, data) 
     { 
      $.each(data.result.files, function (index, file) 
      { 
       $('<p/>').text(file.name).appendTo('#files'); 
      }); 
     }, 
     progressall: function (e, data) 
     { 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
      $('#progress .progress-bar').css(
      'width', 
      progress + '%' 
      ); 
     } 
    }).prop('disabled', !$.support.fileInput) 
    .parent().addClass($.support.fileInput ? undefined : 'disabled'); 
});