Question

我有一个带有表格的输入div来上传图片。这很好用！但输入文件清除所有其他输入：（

<form action="" method="post" enctype="multipart/form-data">
                <input type="file" name="Image" />
                <br/>
                <input type="submit" value="Upload" />
                <br/>
                <br />
                @if (imagePath != ""){
                <div class="result" style="margin-top:-50px; padding-left:100px">
                <img src="@imageThumbPath" alt="image" />
                <input id="Omsimagefile" value="@newFileName" style="display:block"/>
                </div>
                }
                </form>

使用ajax帖子将数据更新该文件在地图/..

中更新

如何在没有页面刷新的情况下上传图像？

重新调整图像：

 WebImage photo = null;
var newFileName = "";
var imagePath = "";
var imageThumbPath = "";

if (IsPost)
    {
    photo = WebImage.GetImageFromRequest();
    if (photo != null)
        {
        newFileName = Path.GetFileName(photo.FileName);
        imagePath = @"/Images/OmsObject/" + newFileName;
        photo.Resize(width: 400, height: 300, preserveAspectRatio: true,
        preventEnlarge: true);
        photo.Save(@"~/" + imagePath);

        imageThumbPath = @"/Images/OmsObject/Thump/" + newFileName;
        photo.Resize(width: 120, height: 80, preserveAspectRatio: true,
           preventEnlarge: true);
        photo.Save(@"~/" + imageThumbPath);
        }
    }

Answer 1

我不确定这可能会有所帮助，或者你是否可以使用它，但我相信像http://www.uploadify.com/这样的软件包会对你有很大的帮助。它们同时具有HTML5和Flash版本并支持ajax上传，因此您可以上传文件并在提交表单时让它等待您。希望这会有所帮助!!

文件上传mvc4表单

1 个答案: