Question

我在视图中上传了一首歌。我必须在使用“文件上传”选择歌曲后在同一视图中查看歌曲详细信息（保存的文件位置路径，文件名，文件大小，.etc）。我尝试了很多但我没有得到。任何建议被接受。谢谢你提前。

Answer 1

<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>

您可以在此处获取一些详细信息，从响应中获取其他详细信息并在同一视图中显示它们。如果您使用的是javascript，请使用FileReader（）

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

1 个答案: