使用变量在另一个PHP页面中更改href
我对这一点是全新的,我试图将两个不同的想法结合在一起。它们各自独立工作,但我正在尝试将它们整合起来使用变量在另一个PHP页面中更改href,php,Php,我对这一点是全新的,我试图将两个不同的想法结合在一起。它们各自独立工作,但我正在尝试将它们整合起来 我能够上传和镜像(这将创建一个列表,其中包含一个href=“javascript:void(0)) 我可以允许用户输入将url分配给现有的文本链接 我试图做的是将upload.php页面中动态创建的列表项作为目标,并将href=“javascript:void(0)从index.php更改为用户指定的变量 index.php代码 <!DOCTYPE html> <html lan
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>image upload</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#images').on('change',function(){
$('#multiple_upload_form').ajaxForm({
target:'#images_preview',
beforeSubmit:function(e){
$('.uploading').show();
},
success:function(e){
$('.uploading').hide();
},
error:function(e){
}
}).submit();
});
});
</script>
</head>
<body>
<div style="margin-top:50px;">
<div class="upload_div" >
<form name="multiple_upload_form" id="multiple_upload_form" enctype="multipart/form-data" action="upload.php">
<input type="hidden" name="image_form_submit" value="1"/>
<label>Choose Image</label>
<input type="file" name="images[]" id="images" multiple >
<div class="uploading none">
<label> </label>
<img src="uploading.gif"/>
</div>
</form>
</div>
<div class="gallery" id="images_preview">
</div>
</div>
<div class="form_div" id="url_input">
<form id="form1">
URL - example http://www.yourdomain.com: <input name="name" type="text" size="20">
</form>
<button onclick="outputname()">Submit</button>
<script>
function outputname() {
var x,y,name,a,b,answer;
x=document.getElementById("form1") ;
y=x.elements["name"].value;
document.getElementById("upload.php#web").setAttribute("href",y);
}
</script>
<p id="demo">
<a id="link">this is a link</a>
</p>
</div>
</body>
</html>
图片上传
$(文档).ready(函数(){
$('#images')。在('change',function()上{
$('#多个上传表单').ajaxForm({
目标:“#图像"预览”,
提交前:功能(e){
$('.upload').show();
},
成功:职能(e){
$('.upload').hide();
},
错误:函数(e){
}
}).submit();
});
});
选择图像
URL-示例http://www.yourdomain.com:
提交
函数outputname(){
变量x,y,名称,a,b,答案;
x=document.getElementById(“form1”);
y=x.元素[“名称”].值;
document.getElementById(“upload.php#web”).setAttribute(“href”,y);
}
正如我所说,我对这一点是全新的,可能有一个更优雅的解决方案,但我已经从狩猎和啄食中走了这么远…提前感谢您的帮助。>图片(这创建了一个什么?哎呀…我列出了一个标签,它在…对不起,应该更清晰了…尝试根据用户输入(即url、sms、电话等)将图像设置为可点击的链接得到了…只需要将用户输入代码移到另一页…>图像(这创建了一个什么?哎呀…我列出了一个标签,它在…对不起,应该更清晰了…尝试根据用户输入(即url、sms、电话等)将图像设置为可点击的链接…得到了…只需要将用户输入代码移到另一个页面。。。
<?php
if($_POST['image_form_submit'] == 1)
{
$images_arr = array();
foreach($_FILES['images']['name'] as $key=>$val){
$image_name = $_FILES['images']['name'][$key];
$tmp_name = $_FILES['images']['tmp_name'][$key];
$size = $_FILES['images']['size'][$key];
$type = $_FILES['images']['type'][$key];
$error = $_FILES['images']['error'][$key];
############ Remove comments if you want to upload and stored images into the "uploads/" folder #############
/*$target_dir = "uploads/";
$target_file = $target_dir.$_FILES['images']['name'][$key];
if(move_uploaded_file($_FILES['images']['tmp_name'][$key],$target_file)){
$images_arr[] = $target_file;
}*/
//display images without stored
$extra_info = getimagesize($_FILES['images']['tmp_name'][$key]);
$images_arr[] = "data:" . $extra_info["mime"] . ";base64," . base64_encode(file_get_contents($_FILES['images']['tmp_name'][$key]));
}
//Generate images view
if(!empty($images_arr)){ $count=0;
foreach($images_arr as $image_src){ $count++?>
<ul class="reorder_ul reorder-photos-list">
<li id="image_li_<?php echo $count; ?>" class="ui-sortable-handle">
<a href="javascript:void(0);" style="float:none;" class="image_link"><img src="<?php echo $image_src; ?>" alt=""></a>
</li>
</ul>
<?php }
}
}
?>