最近因?qū)懸粋€(gè)上傳功能，不能刷新頁(yè)面，且頁(yè)面得有后臺(tái)返回的信息，因而不能使用form直接提交表單，嘗試使用is提交并接受返回?cái)?shù)據(jù)，不多說代碼如下：
前臺(tái)：
<form id='pdf-form' enctype="multipart/form-data" method="POST"  action="" >
    <input type="hidden" name="order_id" value="<{$order.order_id}>">
    <table align="center" width="90%" border="0">
        <tr>
            <td><b>合同信息：</b>
                <a target="_self" href="<{link app=b2c ctl=site_paycenter act=download arg0=$contract_no}>" class="active">下載</a></td>
            <{if $sign ==1}>
            <td>
                <input type="file" name="inputpdf" id="inputpdf">
                <{button id="button" onclick="upload(this);"  class="btn-import" label="合同上傳"}>
                <span id="span"  class="success notice-inline">上傳成功！</span>
            </td>
            <{/if}>
        </tr>
    </table>
</form>
js:
function upload(o){
    var data = new FormData(document.getElementById('pdf-form'));
    data.append('CustomFile','this is data');
    var PDF = new XMLHttpRequest();
    PDF.open("post",'<{link app=b2c ctl=site_paycenter act=uploadFile}>',true);
    PDF.onload = function(){
        if(PDF.status == 200){
            re =JSON.decode(PDF.responseText);
            console.log(re);
            if( re.rsp == 'succ'){
                document.getElementById('button').style.display= 'none';
                document.getElementById("span").innerHTML=re.res;
                document.getElementById('span').style.display= '';
               // document.getElementById("url").href='.'+re.url;
            }else{
                document.getElementById("span").innerHTML=re.res;
                document.getElementById('span').style.display= '';
            }
        }
    };
    PDF.send(data);
}
后臺(tái)處理以及返回信息：
function uploadFile()
{
    $file = $_FILES['inputpdf']['name'];
    $filetempname = $_FILES['inputpdf']['tmp_name'];
    $filelist = explode('.',$file);
    $type = end($filelist);
    if($type != 'pdf'){
        $return = array (
            'rsp' => 'fail',
            'res' => '請(qǐng)上傳pdf文件！',
        );
        echo json_encode($return);exit;
    }
    //自己設(shè)置的上傳文件存放路徑
    $filePath = './public/pdf/';
    $contract_name = $file;
    $string_md5 = md5 (md5($contract_name).time());
    $front_string = substr ($string_md5 ,0 ,31 );
    $contract_url = 's'.$front_string.'.pdf';    //pdf名稱

    $uploadfile = $filePath .$contract_url;//上傳后的文件名地址
    //move_uploaded_file() 函數(shù)將上傳的文件移動(dòng)到新位置。若成功，則返回 true，否則返回 false。
    $result = move_uploaded_file($filetempname, $uploadfile);//假如上傳到當(dāng)前目錄下

    if($result == true){
        $orders = app::get('b2c')->model('orders')->getList('contract_no', array('order_id'=>$_POST['order_id']));  //獲取用戶發(fā)票信息
        $contracts = app::get('b2c')->model('contract_list')->getList('*', array('contract_no'=>$orders[0]['contract_no']));  //獲取用戶默認(rèn)收貨地址

        $contract_no = $orders[0]['contract_no'];
        $delfile = $contracts[0]['contract_url'];
        $contracts[0]['contract_url'] = $uploadfile;
        $contracts[0]['contract_name'] = $contract_name;
        $contracts[0]['uptime'] = date('Y-m-d H:i:s',time());
      //  unset($contracts[0]['id']);
        $flag = app::get('b2c')->model('contract_list')->update($contracts[0],array('id'=> $contracts[0]['id']));
        if($flag){
            if(file_exists($delfile)){
                unlink($delfile);
            }
            $return = array (
                'rsp' => 'succ',
                'url' => "/paycenter-download-$contract_no.html",
                'res' => '上傳成功！',
            );
            echo json_encode($return);exit;
        }
    }else{
        $return = array (
            'rsp' => 'fail',
            'res' => '上傳失??！',
        );
        echo json_encode($return);exit;
    }

}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

創(chuàng)新互聯(lián)建站自2013年起，先為嵊泗等服務(wù)建站，嵊泗等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為嵊泗企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

網(wǎng)站題目：關(guān)于JS提交file上傳文件-創(chuàng)新互聯(lián)
當(dāng)前地址：http://jinyejixie.com/article6/hgeog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、關(guān)鍵詞優(yōu)化、App設(shè)計(jì)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)