如何在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()