プロジェクトに実装する必要がありますASP .NET MVC3 jQueryファイルアップロードプラグイン:
http://blueimp.github.com/jQuery-File-Upload/
私はグーグルをしていて、プロジェクト全体を見つけたわけではなく、コードの一部しか見つけていません。実装方法がわかりません。
誰かが私を助けることができますか?サンプルプロジェクトまたはコードをダウンロードできる場所を教えてもらえますか?
GitHub上のサンプルASP.NET MVC 3プロジェクト を作成しました。これは、削除とダウンロードを含む完全なプラグイン機能の使用方法を示しています。
使用しようとしているプラグインの ドキュメント を読みましたか? 基本的なプラグイン機能 を試しましたか?デフォルトのテンプレートを使用して、Visual Studioで新しいASP.NET MVC 3アプリケーションを作成しようとしましたか?
簡単なコントローラーを書いてみましたか?
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Index(IEnumerable<HttpPostedFileBase> files)
{
foreach (var file in files)
{
var filename = Path.Combine(Server.MapPath("~/App_Data"), file.FileName);
file.SaveAs(filename);
}
return Json(files.Select(x => new { name = x.FileName }));
}
}
および対応するビュー:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="@Url.Content("~/Scripts/blueimp/js/vendor/jquery.ui.widget.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/blueimp/js/jquery.iframe-transport.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/blueimp/js/jquery.fileupload.js")" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#fileupload').fileupload({
dataType: 'json',
url: '@Url.Action("index")',
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
});
});
</script>
<input id="fileupload" type="file" name="files" multiple="multiple"/>
そうでない場合は、そうすることをお勧めします。