Question

我很难思考我为实现目标需要做些什么。

目标：
1.复制我要上传的文件的文件名，并在单击按钮但不上传时显示。
2.单击“提交”按钮时可以上传。

步骤：

第1步：我将选择要上传的文件。所以我将点击选择文件。

步骤2：现在它应该显示我在步骤1中选择的文件的名称。然后，我将点击＆＃34;下一步＆＃34;。

第3步：点击＆＃34;下一步＆＃34;只会显示第2步中的内容，但它会显示为灰色，而不是“下一步”按钮，会有一个＆＃34;提交＆＃34;按钮。如果我确定要上传文件，这就像确认一样。当我点击＆＃34;提交＆＃34;时，这是文件上传的唯一时间。

所以我需要能够获得第3步。我不知道如何。：＆＃39;（。我在这上面使用PHP和JS。

我不确定我的问题是否正确。随意提供更正。

非常感谢任何帮助。非常感谢!!!

Answer 1

这是一个快速的片段，希望能让你前进：

<body>

    <input type="file" name="upload" id="upload">
    <div id="filename"></div>    

<script type="text/javascript">

    $('#upload').on('change',function(){
       // output raw value of file input
       $('#filename').html($(this).val()); 

        // or, manipulate it further with regex etc.
        var filename = $(this).val();
        // .. do your magic

        $('#filename').html(filename);
    });

    </script>
 </body>

这将在Opera中输出类似：C:\fakepath\Screenshot_2015-56-03_12-56.JPG，IE 11中文件的绝对路径，如C:\users\foo\Desktop\file.jpg

您可以进一步操作文件输入字段的值，仅使用正则表达式等来隔离文件名。

如何获取输入文件的文件名并在按钮点击时再次显示它而不上传？

1 个答案: