如何使用html、php、css和javascript上传.txt文件并保存到另一个目录？_Javascript_Php_Html_Css

如何使用html、php、css和javascript上传.txt文件并保存到另一个目录？

javascript php html css

如何使用html、php、css和javascript上传.txt文件并保存到另一个目录？,javascript,php,html,css,Javascript,Php,Html,Css,我想使用“选择文件”按钮上传.txt文件，然后上传的.txt文件将保存到另一个目录中。点击“保存”按钮后。情景 folder/source/tbl_househouse.txt，tbl_member.txt 将复制到： folder/target/tbl.househouse.txt，tbl_member.txt 我该怎么办？我对php、html、css和javascript都是新手。这是我的密码 <!DOCTYPE html> <html> <head>

我想使用“选择文件”按钮上传.txt文件，然后上传的.txt文件将保存到另一个目录中。点击“保存”按钮后。情景

folder/source/tbl_househouse.txt，tbl_member.txt

将复制到：

folder/target/tbl.househouse.txt，tbl_member.txt

我该怎么办？我对php、html、css和javascript都是新手。这是我的密码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>Mini Ajax File Upload Form</title>

    <!-- Google web fonts -->
    <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700" rel='stylesheet' />

    <!-- The main CSS file -->
    <link href="assets/css/style.css" rel="stylesheet" />
</head>

<body>

    <form id="upload" method="post" action="upload.php"      enctype="multipart/form-data">
        <div id="drop">
            Drop Here

            <a>Choose File</a>

            <input type="file"  name="upl" multiple />
        </div>

        <ul>
            <!-- The file uploads will be shown here -->
        </ul>

    <footer>
        <h2><a href="http://tutorialzine.com/2013/05/mini-ajax-file-upload-  form/"><i>Tutorial:</i> Mini Ajax File Upload Form</a></h2>
        <div id="tzine-actions">

            <a id="tzine-download"  href="http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/"  title="Download This Example!">Download</a>

        </div>
    </footer>

    <!-- JavaScript Includes -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="assets/js/jquery.knob.js"></script>
    <script src="assets/js/textfile.js"></script>


    <!-- jQuery File Upload Dependencies -->
    <script src="assets/js/jquery.ui.widget.js"></script> 
    <script src="assets/js/jquery.iframe-transport.js"></script> 
    <script src="assets/js/jquery.fileupload.js"></script> 

    <!-- Our main JS file -->
    <script src="assets/js/script.js"></script> 


    <!-- Only used for the demos. Please ignore and remove. --> 
    <script src="http://cdn.tutorialzine.com/misc/enhance/v1.js" async> </script>
    <button type="button" id="drop1" align ="center" action="save.php"  >SAVE</button>

</body>
</html>


迷你Ajax文件上传表单
到这里来
拯救

还有我的upload.php部分

<?php

// A list of permitted file extensions
$allowed = array('png', 'jpg', 'gif','zip');

if(isset($_FILES['upl']) && $_FILES['upl']['error'] == 0){

    $extension = pathinfo($_FILES['upl']['name'], PATHINFO_EXTENSION);

    if(!in_array(strtolower($extension), $allowed)){
        echo '{"status":"error"}';
        exit;
    }

    if(move_uploaded_file($_FILES['upl']['tmp_name'], 'uploads/'.$_FILES['upl'] ['name'])){
        echo '{"status":"success"}';
        exit;
    }
}

echo '{"status":"error"}';
exit;

添加'txt'
扩展名：
$allowed = array('png', 'jpg', 'gif','zip','txt');

然后取下按钮：
<button type="button"  align ="center"  name="save" value="save"  >SAVE</button>

保存

并添加以下行：
<input type="submit" value="save" />


script.js的内容在哪里？@satyrwilder。对不起，先生。我已经添加了我的.js:）@satyrwilder？我已经添加了script.js文件。
<input type="submit" value="save" />