后台直接获取前台img标签的URL

后台直接获取前台img标签的URL,第1张

从你的代码没有看出 你时如何调用documentgetElementById("lingDZP_0")src = "pictureGetjsppid="+pid 这句的。 分析可能得原因是: 在页面document还没加载完成<img id = "lingDZP_0" src=""/> 这个元素时就已经调用了上面的js代码,结果就是js没有找到id=lingDZP_0的元素。

解决方案: 在page的onload事件里面执行这段代码,这样可以保证在执行js时,页面元素都已经加载完成了。

示例代码:

<HTML>

<HEAD>

<TITLE>test</TITLE>

</HEAD>

<BODY onload='documentgetElementById("lingDZP_0")src = "pictureGetjsppid="+pid'>

<div>

<img id = "lingDZP_0" src=""/>

</div>

</BODY>

</HTML>

如果逻辑比较复杂,可以单独写一个onload事件的回调函数:

<HTML>

<HEAD>

<TITLE>test</TITLE>

<SCRIPT language=javascript>

function loadImg(){

var pid=1;

documentgetElementById("lingDZP_0")src = "pictureGetjsppid="+pid

}

</SCRIPT>

</HEAD>

<BODY onload= "loadImg()''>

<div>

<img id = "lingDZP_0" src=""/>

</div>

</BODY>

</HTML>

放在script就可以了。后台的路径放到request里。

<script>

var path="${path}";

</script>

# 接收表单提交变量

$file=$_FILES['BtnPic'];

    //print_r($_FILES);PRINT_R($file);

    //PRINT_R($file);

    //判断文件是否上传成功

     if(is_uploaded_file($file['tmp_name'])){

    

    //apache文件上传时临时储存路径,移动到自定义路径

    $upload_file=$file['tmp_name'];

    //print_r($upload_file);

    $uploadpath = $_SERVER['DOCUMENT_ROOT']"/UploadFile/naotu/";//这块要注意一下路径

    //下面是你服务器储存文件的路径,可以自定义

    $move_to_file=$uploadpath$file['name'];

    //判断是否移动成功

    if (!is_dir($uploadpath)){

          mkdir($uploadpath,0777,true);

    }

     if(move_uploaded_file($upload_file,$move_to_file)){

          echo "上传文件成功";

     }else{

          echo "上传失败";

     }

     }else{

        echo "上传失败请检查服务器。";

     }

一般将前台页面搜索结果中,不喜欢的内容(链接),删除掉,因为整个网站的编程框架式thinkphp,运用js中的ajax对页面进行响应,调用后台php接口,实现前台和后台数据库的同时更新

首先我们需要做的就是在前台页面中添加一个文本“删除”,可以这么添加:

代码如下:

<a href="javascript:void(0);" id= "<php>echo $val[id]</php>" class="delete" >删除</a>

上面的html代码的意思:就是给删除添加一个href,这个href是个js函数,类似于超链接的作用,当然对于我这样的新手在刚开始的时候会有疑惑,我们平时的超链接不是这样的,网页中很多的javascript:void(0),那程序怎么知道用户点击删除后,会响应其真正对应的js函数呢?别急,这就是为什么会为删除添加id以及class这样的标签,相信我把js中的代码公布出来以后你就会明白了,代码如下:

jQuery("list adelete")click(function(){

if(confirm("你确定要删除吗?")){

var _this=this;

var id = jQuery(_this)attr("id");

jQueryajax({

url : '/Search/indexphp/Jason/delete',

data : {'id':id},

dataType : 'json',

success : function(data){

var del = datadel;

if(del == 1){//删除成功

jQuery("#"+id)parents("list")remove();

}else{//删除失败

alert("删除失败");

}

}

});

}

});

大家看函数的头部:jQuery("list adelete")click(),jQuery后面的标签是很重要的,这就保证了jquery很准确的响应页面中用户点击的“位置”,添加的事件为click(),在click里添加响应事件的代码:var id = jQuery(_this)attr("id");获取a对应的id,因为这个id是我们删除数据库时用到的链接id,当然这种直接明文的方式不好,在这里只是介绍整个响应过程。调用ajax,实现异步的运行整个过程。我们设置了js接受的是json串,这里的方式应该有很多种吧,我没有去尝试,大家要是有兴趣可以自行尝试一下。/Search/indexphp/Jason/delete这句话就是js去请求php的接口,php接口对用的代码如下:

注意ajax在求php接口时的路径,也就是delete函数必须放在JasonActionclassphp中,此例子是必须这样的:

代码如下:

public function delete(){

if($this->isGet()){

$userId = session("uid");//用户登录

if(!empty($userId)){

$a = M('');

$id = $this->_get('id');

$result=$a->where("id=$id")->delete();//删除

if($result > 0){

$arr = array("del"=>'1');

}else{

$arr = array("del"=>'0');

}

$json_str = json_encode($arr);

echo $json_str;//返回给js

}

}

}

相信大家对上面的代码不会陌生吧,整个过程都是thinkphp框架内部配置完毕的

var del = datadel;这句是接受php代码返回来的json串中del这个key的value,进而在前台进行页面更新和响应

复制代码代码如下:

if(del == 1){//删除成功

jQuery("#"+id)parents("list")remove();//这句话就是后台删除成功后,直接在前台对响应的div进行删除,这样性能就会很快,无需进行后台数据的重新提取至前台页面中,

}else{//删除失败

alert("删除失败");

}

整个响应的过程就是这样,至于效果优化,是优化和细化方面的问题,后来,身边的同事又告诉我前台移除响应链接的另一个动态效果:

即将:

代码如下:

jQuery("#"+id)parents("list")remove();

替换为:

代码如下:

jQuery("#"+id)parents("list")slideUp("slow", function(){

jQuery(this)remove();

});

要获取excel的file而不是路径 路径在浏览器中是不确定因素在ie的file标签是可以获取路径的 而用火狐就获取不到 所以不要用路径你应该把form标签设置enctype="multipart/form-data"属性 然后在后台接收formfile传过来的东西 用file接一下之后你要存本地就可以用io流存 如果要存数据库就把二进制流存数据库就行了 现在上传有很多方法 去网上找找 我说的这个是最简单的

如何将网站的前台与后台连接?端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上。(虽然说是前端后端,但这一对接实际发生在服务器端)。

所以服务器端进行的活动如下:

接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户。

1/要实现用户输入,肯定前台要是一个网页,我们现在就使用jsp,先建一个jsp网页,页面展示内容如下所示。

2/要把前端界面上的数据,返回到后台数据,我们就要使用到servlet,所以在jsp文件中,我们就需要一个表单form。就可以把数据转到servlet中,antion里面写servlet的地址,method里面写方法“get或者post”,一般删除数据默认是“get”添加数据是“post”。

3/然后我们在servlet中来获取页面上的值,注意获取的值是String类型的。如果要用到int型,就想要强转类型。

4/然后我们就需要把数据插入到 对象的属性中,使用set的方法。

5/最后,调用add的方法,就可以把数据插入到后台。

6/具体的插入到数据库的代码如下,要注意数据库的链接。

以上就是关于后台直接获取前台img标签的URL全部的内容,包括:后台直接获取前台img标签的URL、后台传到前台一个全路径,想在前台展示, 这样展示不了,怎么用action映射呀、php 获取file选择的文件路径等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9364359.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存