如何在asp.net mvc的同一视图中查看上载的文件详细信息

如何在asp.net mvc的同一视图中查看上载的文件详细信息,asp.net,asp.net-mvc,asp.net-mvc-4,razor,file-upload,Asp.net,Asp.net Mvc,Asp.net Mvc 4,Razor,File Upload,我在视图中上载了一首歌曲。在使用“文件上载”选择歌曲后,我必须在同一视图中查看歌曲的详细信息(保存的文件位置路径、文件名、文件大小等)。我尝试了很多次,但没有收到。任何建议都被接受。提前感谢 <script type="text/javascript" src="jquery-1.6.js"></script> <script type="text/javascript" language="javascript">

我在视图中上载了一首歌曲。在使用“文件上载”选择歌曲后,我必须在同一视图中查看歌曲的详细信息(保存的文件位置路径、文件名、文件大小等)。我尝试了很多次,但没有收到。任何建议都被接受。提前感谢


<script type="text/javascript" src="jquery-1.6.js"></script>
            <script type="text/javascript" language="javascript">
                $(document).ready(function() {
                    $('#FileUpload').change(function() {
                        var data=new FormData();
            var f = $(this)[0].files[0];

            var fDetails = 'LastModifiedDate: ' + f.lastModifiedDate + ', Name: ' + f.name + ', Size: ' + f.size + 'Bytes, Type: ' + f.type;

            alert(fDetails); // file details

                        data.append('file', f);
                        $.ajax({
                            url:'/upload',
                            type:'POST',
                            processData: false,
                            contentType: false,
                            data:data,
                            success:function(resp){
                               // get other details from response
                            }
                        })
                    });
                });
            </script>


            <form action="" id="uploadFrm" method="post" enctype="multipart/form-data">
                Upload file from your computer<input type="file" id="FileUpload" name="file"/>
            </form>
$(文档).ready(函数(){ $('#FileUpload')。更改(函数(){ var data=new FormData(); var f=$(this)[0]。文件[0]; var fDetails='LastModifiedDate:'+f.LastModifiedDate+',名称:'+f.Name+',大小:'+f.Size+'字节,类型:'+f.Type; 警报(fDetails);//文件详细信息 data.append('file',f); $.ajax({ url:“/upload”, 类型:'POST', processData:false, contentType:false, 数据:数据, 成功:功能(resp){ //从响应中获取其他详细信息 } }) }); }); 从您的计算机上载文件
您可以在这里获得一些详细信息,从响应中获得其他详细信息,并在同一视图中显示它们。如果您使用的是javascript,请使用FileReader()