C# 实现 HTML+一般处理程序图片上传功能如图！ 20





 我来答

1个回答

#热议# 什么是淋病？哪些行为会感染淋病？

yjs5226840
推荐于2018-03-20 · TA获得超过105个赞

知道小有建树答主

回答量：156

采纳率：50%

帮助的人：69.1万

我也去答题访问个人页

关注

展开全部

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2.Default" %>  
  
<!DOCTYPE html>  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title></title>  
    <script type="text/javascript">  
        //选择图片,c#默认请求大小4M。    
        //如果需求需要大于4M，修改httpRuntime下的maxRequestLength    
        //单位为：K     
        function fileSelected() {  
            var files = document.getElementById('fileToUpload').files;  
            if (files.length > 0) {  
                var fileInfo = '';  
                for (var i = 0; i < files.length; i++) {  
                    fileInfo += 'Name: ' + files[i].name + '<br/>';  
                    fileInfo += 'Size: ' + files[i].size + '<br/>';  
                    fileInfo += 'Type: ' + files[i].type + '<br/>';  
                }  
                document.getElementById('fileInfo').innerHTML = fileInfo;  
            }  
        }  
        function uploadFile() {//上传图片    
            var files = document.getElementById('fileToUpload').files;  
            if (files.length > 0) {  
                var fd = new FormData();  
                for (var i = 0; i < files.length; i++) {  
                    fd.append("fileToUpload", files[i]);  
                }  
                var xhr = new XMLHttpRequest();  
                xhr.upload.addEventListener("progress", uploadProgress, false);  
                xhr.addEventListener("load", uploadComplete, false);  
                xhr.addEventListener("error", uploadFailed, false);  
                xhr.addEventListener("abort", uploadCanceled, false);  
                xhr.open("POST", "Upload.ashx?filename=UploadImage");  
                xhr.send(fd);  
            } else {  
                alert('请选择上传的图片！');  
            }  
        }  
        function uploadProgress(evt) {//上传中    
            if (evt.lengthComputable) {  
                var percentComplete = Math.round(evt.loaded * 100 / evt.total);  
                document.getElementById('progressNumber').innerHTML = percentComplete.toString() + '%';  
            }  
            else {  
                document.getElementById('progressNumber').innerHTML = 'unable to compute';  
            }  
        }  
        function uploadComplete(evt) {//上传完成    
            /* This event is raised when the server send back a response */  
            alert(evt.target.responseText);  
        }  
  
        function uploadFailed(evt) {//上传失败    
            alert("There was an error attempting to upload the file.");  
        }  
        function uploadCanceled(evt) {//上传被取消    
            alert("The upload has been canceled by the user or the browser dropped the connection.");  
        }  
    </script>  
</head>  
<body>  
    <form id="form1" runat="server">  
        <div>  
            <input type="file" name="fileToUpload" id="fileToUpload" multiple="multiple" onchange="fileSelected();" />  
            <input type="button" onclick="uploadFile()" value="Upload Image" />  
            <div id="fileInfo"></div>  
            <div id="progressNumber"></div>  
        </div>  
    </form>  
</body>  
</html>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

C# 实现 HTML+一般处理程序图片上传功能如图！ 20

其他类似问题

为你推荐：