图片上传 MVC 组件答案

【问题标题】：Image Upload MVC Components图片上传 MVC 组件
【发布时间】：2015-04-03 10:12:24
【问题描述】：

我正在寻找一个开源或免费的 ajax 组件，它允许我将图像添加到表单、上传图像然后将其显示在表单上，所有这些都使用 ajax。它需要能够允许用户单击图像以打开一个对话框来更改图像。我不是在寻找标准的浏览和上传组件

【问题讨论】：

也许看看这些建议jqueryplugin.net/…
@Chris，谢谢这里有一个很好的选择。前几天我找到了这 10 个十页中的一个，其中有 Croppic，但这个页面似乎有一些额外的选项。

标签： c# asp.net-mvc asp.net-ajax

【解决方案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');
});

【讨论】：