ですが推奨代替FileUpload制御のためのasp.ネmvc?
-
05-07-2019 - |
質問
現在使用します。ます。ポートします。WebControls.FileUploadに包まれた独自の管理。
してライセンスTelerik.知りたかったんだなどを経験したこと又は示唆するよりよい。
一部の基準による測定
- 検証
- 普
- 複数のファイル
- ローカライゼーション(閲覧 は難しいわけではないですが)
- 安全保障
解決
個人的には、まTelerikを制御してシュートを放ちます。がその場で発音を確認することがなく、ユーザーの経験は良いです。そのアップロード制御は非常に素敵です。
他のヒント
まだ投稿はこの 他の質問, が、ご利用の場合このActiveXコントロールできる画像処理する方法です。のコンポーネントが実際にリサイズの画像をクライアントマシンの前に送信します。この削減に不必要な帯域幅および移転に複数の画像です。
拡張し、FileUploadControlトバリデーションを実施します。また、自社制御可能にする複数のファイルのアップロードされます。ついては、現時点で評価します。ばにあたっては、う2つの異なるアップロード制御性の向上にも寄与します。
チェック長Brettleの NeatUpload.では基本的にはカスタムHttpHandlerむファイルディスクの負荷のconfigurability.でオープンソースおよび研究科長は絶対にスター支援のための彼のユーザー
この:
Html5-アップローダードラッグ-ドラッグ&ドロップにより複数のファイルです
リンクのない仕事なことはしてもらうことを目的として http://www.igloolab.com/jquery-html5-uploader/
.
コントローラ:修正から独自のコードを望んで忘れからクリア)
<HttpPost()> _
Public Function Upload(uploadedFile As System.Web.HttpPostedFileBase) As ActionResult
If uploadedFile IsNot Nothing Then
If uploadedFile.ContentLength > 0 Then
Dim mimeType As String = Nothing
'Upload
Dim PathFileName As String = System.IO.Path.GetFileName(uploadedFile.FileName)
Dim path = System.IO.Path.Combine(Server.MapPath("~/App_Data/Uploads"), PathFileName)
If Not System.IO.Directory.Exists(Path) Then
System.IO.Directory.CreateDirectory(Path)
End If
Dim firstLoop As Boolean = True
uploadedFile.SaveAs(path)
Next
End If
Return Nothing
End Function
このビューを忘れないリンクcss js;))
<h1>
@SharedStrings.Upload</h1>
<h2>
@SharedStrings.UploadInformation</h2>
<div id="dropbox">
</div>
<div id="upload">
</div>
<script type="text/javascript">
$(function () {
var fileTemplate = "<div id=\"{{id}}\">"; fileTemplate += "<div class=\"progressbar\"></div>"; fileTemplate += "<div class=\"preview\"></div>"; fileTemplate += "<div class=\"filename\">{{filename}}</div>"; fileTemplate += "</div>"; function slugify(text) { text = text.replace(/[^-a-zA-Z0-9,&\s]+/ig, ''); text = text.replace(/-/gi, "_"); text = text.replace(/\s/gi, "-"); return text; }
$("#dropbox").html5Uploader({ onClientLoadStart: function (e, file) {
var upload = $("#upload"); if (upload.is(":hidden")) { upload.show(); }
upload.append(fileTemplate.replace(/{{id}}/g, slugify(file.name)).replace(/{{filename}}/g, file.name));
}, onClientLoad: function (e, file) { /*$("#" + slugify(file.name)).find(".preview").append("<img src=\"" + e.target.result + "\" alt=\"\">");*/ }, onServerLoadStart: function (e, file) { $("#" + slugify(file.name)).find(".progressbar").progressbar({ value: 0 }); }, onServerProgress: function (e, file) { if (e.lengthComputable) { var percentComplete = (e.loaded / e.total) * 100; $("#" + slugify(file.name)).find(".progressbar").progressbar({ value: percentComplete }); } }, onServerLoad: function (e, file) { $("#" + slugify(file.name)).find(".progressbar").progressbar({ value: 100 }); }
});
});
</script>
私のcss
/*html 5 uploader*/
#dropbox
{
/*picture where people would drag-drop their files to*/
background-image:url(../Images/UploadToMedia.png);
height:128px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
margin-top:0;
width:128px;
}
きみフラッシュに基づく解決を表示することができます。いテキスト、textboxes、ボタン、もし自分のファイルのアップロード。これらのソリューションは通常、入1x1の動画のページをする行為の架け橋としてjavascript、flashなどのjavascriptでflashのファイルのアップロードボックスます。
最近のプロジェクトを使って FancyUpload いうこと。