ファイルをクライアントからサーバーにアップロードします。 SignalRを使用してファイルをアップロードする方法はありますか?これについてはコントローラが必要ですか?ASP.NET MVC - SignalRを使用してファイルをアップロード
10
A
答えて
20
SignalRは、ファイルをアップロードしないリアルタイムメッセージング用です。
12
実際のアップロードでは、SignalRは役に立ちませんが、it can be used for updating the client with progress while a file is uploadedです。
1
このファイルは、ファイル入力ブートストラッププラグイン(krajee)を使用してアップロード このプラグインを使用せずにファイルをアップロードすることもできます。
@section Page{
<script src="~/Scripts/bootstrap-switch.min.js"></script>
<script src="~/Scripts/Uploader/fileinput.js"></script>
<link href="~/Scripts/Uploader/fileinput.css" rel="stylesheet" />
<script>
var itemHub = $.connection.ItemHub;
$(document).ready(function() {
$.connection.hub.start().done(function() {
//do any thing
});
$("#fileinput").fileinput({
allowedFileExtensions: ["jpg", "png", "gif", "jpeg"],
maxImageWidth: 700,
maxImageHeight: 700,
resizePreference: 'height',
maxFileCount: 1,
resizeImage: true
});
$("#fileinput").on('fileloaded', function (event, file, previewId, index, reader) {
var readers = new FileReader();
readers.onloadend = function() {
$(".file-preview-image").attr('src', readers.result);
}
readers.readAsDataURL(file);
});
$('#btnSave').click(function() {
var imagesJson = $('.file-preview-image').map(function() {
var $this = $(this);
return {
image: $this.attr('src'),
filename: $this.attr('data-filename')
};
}).toArray();
itemHub.server.getByteArray(imagesJson);
});
});
</script>
}
ハブクラスコード
[HubName("ItemHub")]
public class ItemHub : Hub
{
public void GetByteArray(IEnumerable<ImageData> images)
{
foreach (var item in images ?? Enumerable.Empty<ImageData>())
{
var tokens = item.Image.Split(',');
if (tokens.Length > 1)
{
byte[] buffer = Convert.FromBase64String(tokens[1]);
}
}
}
}
public class ImageData
{
public string Description { get; set; }
public string Filename { get; set; }
public string Image { get; set; }
}
関連する問題
- 1. ASP.NET MVCとWinFormsを使用したSignalR
- 2. MVCを使用したSignalR
- 3. asp.net mvcでjqueryを使用したAjaxファイルのアップロード
- 4. ASP.NET MVCを使用したデータベースへのファイルのアップロード
- 5. 複数ファイルのアップロードasp.net mvc
- 6. ASP.NET MVCファイルをアップロードしてフルサイトをダウンロードしますか?
- 7. MVCでハンドラファイルを使用してファイルをアップロード
- 8. Asp.Net MVC 3ファイルのアップロードを伴うフリーテキストエディタ
- 9. Google GearsとASP.NETまたはPHPを使用してファイルをアップロード
- 10. ASP.NETハンドラを使用してファイルをアップロードする
- 11. Asp.net MVCでファイルをアップロードし、FormCollectionでファイルを取得する
- 12. ASP.NET MVCを使用した画像のアップロード
- 13. 追加のデータとJqueryを使用したASP.NET MVCのアップロード
- 14. asp.net mvcでCKEditorを使用した画像のアップロード
- 15. guidとファイル拡張子を使用したASP.NET WebApiファイルのアップロード
- 16. asp.net mvc大きなファイルのアップロード
- 17. ASP.NET MVC複数のファイルのアップロード
- 18. asp.net mvc 3剃刀ファイルのアップロード
- 19. SSISを使用してFTPを使用してファイルをアップロード
- 20. PDFファイルをJAVAを使用してアップロード
- 21. Symfony2:ファイルアップロードプラグインを使用してファイルをアップロード
- 22. JavaScriptを使用してファイルをアップロード
- 23. Delphi CGIを使用してファイルをアップロード
- 24. ファイルを使用してパラメータ値をアップロード
- 25. ASP.NET MVCのViewData(インデックスを使用して)
- 26. Excelファイルをアップロードし、asp.net MVCのグリッドに表示
- 27. リロードページ(ajaxスタイル)なしでExtJS.Ajax.requestとASP.NET MVCでファイルをアップロード
- 28. ASP.NETを使用しないASP.NET MVC?
- 29. UnityContainerをSignalR Dependency Resolverとして使用
- 30. ASP.NETでjQueryを使用してアップロードしたファイルのサイズを測定
あなたはこれではなく、コントローラにちょうどHttpPostためSignalRを使用するのはなぜ? – drch