我正在尝试在我的MVC4项目中使用Blueimp Jquery File upload。我实现了一切,它正在发挥作用。我使用了MVC Example by MaxPavlov。
上传工作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示例中复制了模板。
当我在运行应用程序时从计算机中选择图像时,缩略图的大小正确,然后我点击&#34;上传&#34;文件被上传,之后显示,我的图像大小与磁盘上的图像大小相同。我尝试在css中设置.preview
类,这适用于chrome / firefox,但不适用于IE。