当我使用jquery uploadFile时如何获取文件名?

时间:2017-11-30 06:32:27

标签: jquery jquery-upload-file-plugin

我希望用户在同一页面上传文件后获取文件名。

我该怎么办?

请给我一些建议。

这是我的简单代码。

<html>
<head>

<script type="text/ecmascript" src="../_js/jquery.min.js"></script> 
<script type="text/ecmascript" src="../_js/jquery-ui.min.js"></script>
<!-- Upload File -->
<link href="http://hayageek.github.io/jQuery-Upload-File/uploadfile.min.css" rel="stylesheet">
<script src="http://hayageek.github.io/jQuery-Upload-File/jquery.uploadfile.min.js"></script>

<script>
$(document).ready(function() {

    var extraObj = $("#drop").uploadFile({
        url:"fileupload.php",
        fileName:"myfile",
        autoSubmit:false
    });

    $("#submit").click(function() {
        //alert(I want get file name here);
        extraObj.startUpload();
        return false;
    });
});
</script>
</head>
<body>

    <div id="drop" type="file">Upload File</div>
    <form role="form" method="post" action="">
        <button id="submit" type="submit" class="btn">Send</button>
    </form>

</body>
</html>

非常感谢。

1 个答案:

答案 0 :(得分:0)

console.log(data.originalFiles [0] .name) 请使用这个。