如何在asp.net MVC中上传带有进度指示器的多个选定文件？ [英] How to upload multiple selected file with progress indicator in asp.net MVC?

问题描述

大家好！



简而言之，我正在尝试发布IEnumerable< HttpPostedFileBase>从视图到控制器动作。然后开始上传过程，同时通知用户正在上载哪个文件（file_name）。示例代码将更加赞赏。



请帮助我..........感谢提前

Hi Everybody!

In brief, I am trying to POST the IEnumerable <HttpPostedFileBase> from view to controller action. And then start uploading process while notifying to user which file (file_name) in being uploaded. sample code will be more appreciated.

Please help me.......... THANKS in advance

推荐答案

使用 DropzoneJS可以轻松完成任务。



什么是DropzoneJS？



DropzoneJS是一个开源库，提供带图像预览的拖放文件上传。



我写了一篇关于此的文章。请阅读更多信息。



DropzoneJS与ASP.net MVC



< b> DropzoneJs主页



我希望这会有所帮助给你。 ：）

Your task can be done easily with the DropzoneJS.

What is DropzoneJS ?

DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.

I have written an article about this.Please read it for more info.

DropzoneJS with ASP.net MVC

DropzoneJs Home

I hope this will help to you. :)

请查看以下链接...



http://davidsonsousa.net/en/post/how-to-upload-a-file-using- mvc-3-and-ajax [ ^ ]



http://blog.stevensanderson.com/2008/11/24/jquery-ajax-uploader-plugin-with-progress-bar/ [ ^ ]

please check out the below links...

http://davidsonsousa.net/en/post/how-to-upload-a-file-using-mvc-3-and-ajax[^]

http://blog.stevensanderson.com/2008/11/24/jquery-ajax-uploader-plugin-with-progress-bar/[^]

谢谢大家！我曾尝试使用DropzoneJs，但由于缺乏知识，很难根据我的要求进行更新。因为我是这条赛道的新手。

Thanks everybody!!! I've tried to use DropzoneJs but for the lack of knowledge it is hard to update as my requirements. As I'm new in this track.

<div style="padding:10px">
                    <input type="file" name="files" id="file" multiple="multiple" />
                </div>
                <div id="progressPanel" style=" overflow:auto; float:left">
                <div style="float:left;padding:10px">
                    <input type="submit" name="Upload" value="Upload" />
                </div>

当我点击提交按钮，上传过程将继续，然后在UI上显示正在上传的图像（图像名称）。

like：2 of 15（image_name.jpeg upload ....）



再次感谢大家...............

when i click on submit button, uploading process will continue and then which image is being uploaded is shown(image name) on UI.
like: 2 of 15 (image_name.jpeg uploading....)

Thanks again everybody...............

这篇关于如何在asp.net MVC中上传带有进度指示器的多个选定文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！