使用变量在另一个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

我对这一点是全新的,我试图将两个不同的想法结合在一起。它们各自独立工作,但我正在尝试将它们整合起来

  • 我能够上传和镜像(这将创建一个列表,其中包含一个href=“javascript:void(0))
  • 我可以允许用户输入将url分配给现有的文本链接
  • 我试图做的是将upload.php页面中动态创建的列表项作为目标,并将href=“javascript:void(0)从index.php更改为用户指定的变量

    index.php代码

    <!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>&nbsp;</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 }
        }
    }
    ?>