使用Html5实现异步上传文件,支持跨域

2019-09-09 郑州网站建设  

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>  

<html>  

<head>  

    <meta http-equiv="content-type" content="text/html;charset=utf-8">  

    <meta name="format-detection" content="telephone=no">  

    <meta name="msapplication-tap-highlight" content="no">  

    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">  

    <title>Html5上传文件</title>  

</head>  

<body>  

    <div class="app">  

        <h1>Html5上传文件测试,带进度条</h1>  

        <div>  

            <input type="file" value="" id="fileInput" name="files" onchange="fileSelected()" />  

            <div style="margin:30px;">  

                <input type="button" value="上传" onclick="uploadFile()" />  

            </div>  

            <div style="margin:30px;">  

                <div id="fileName"></div>  

                <div id="fileSize"></div>  

                <div id="fileType"></div>  

            </div>  

            <div style="margin:30px;width:500px;height:15px;border:1px solid #aeaeae;">  

                <div id="progress" style="background:#4cff00;height:15px;width:0%;"></div>  

                <div id="percentNumber"></div>  

            </div>  


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1452.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • 代码
  • 页面
  • Code
  • XML/HTML