MVC4 プロジェクトでBlueimp Jquery ファイルのアップロードを使用しようとしています。私はすべてを実装しましたが、それは機能しています。MaxPavlov による MVC Exampleを使用しました。
アップロードは 100% 機能します。唯一の問題は、アップロード後に表示されるサムネイルのサイズが適切に変更されないことです。含める必要があるスクリプトだけを見逃す可能性があります。
以下は、ページに含めた順序でのスクリプトです。
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
<script src="~/Scripts/FileUpload/vendor/jquery.ui.widget.js" type="text/javascript"></script>
<script src="~/Scripts/FileUpload/tmpl.min.js"></script>
<script src="~/Scripts/FileUpload/load-image.min.js" type="text/javascript"></script>
<script src="~/Scripts/FileUpload/canvas-to-blob.min.js" type="text/javascript"></script>
<script src="http://blueimp.github.com/Bootstrap-Image-Gallery/js/bootstrap-image-gallery.min.js"></script>
<script src="~/Scripts/FileUpload/jquery.iframe-transport.js"></script>
<script src="~/Scripts/FileUpload/jquery.fileupload.js"></script>
<script src="~/Scripts/FileUpload/jquery.fileupload-fp.js" type="text/javascript"></script>
<script src="~/Scripts/FileUpload/jquery.fileupload-ui.js"></script>
<script src="~/Scripts/FileUpload/locale.js"></script>
私がコピーしたテンプレートも、MVC の例にあるとおりです。
アプリケーションの実行時にコンピューターから画像を選択すると、サムネイルが正しいサイズになり、「アップロード」をクリックしてファイルがアップロードされ、後で表示されると、画像はディスク上の画像と同じサイズになります. css でクラスを設定しようとし.previewましたが、これは chrome/firefox では機能しますが、IE では機能しません。