允许博客用户上传图片并将其包含在帖子中

时间:2017-04-21 15:54:41

标签: javascript php jquery html sql

我是php的新手,在我脑海中需要一些帮助。

使用教程我创建了一个拥有用户的网站,其中一些是可以创建博客帖子的管理员。帖子存储在SQL数据库中。我所做的是创建一个上传文件,将图像放在一个文件夹中,然后显示链接锚标记的缩略图。博客存储在Longtext中,我的计划是让博主在光标处于他们希望嵌入图像的位置时单击其中一个缩略图。我想我需要创建对图像的引用,将其包含在longtext字段中,然后在显示博客时打印图像。这可能吗?

我的HTML是:

<center>
    <form action="post.php" method="post" enctype="multipart/form-data">
        <input placeholder="Title" name="title" type="text" autofocus size="48"><br /><br />
        <textarea placeholder="Content" name="content" rows="20" cols="50"></textarea><br />
        <input name="post" type="submit" value="Post">
    </form>
</center>
<div class="container">
    <h1 align="center">Upload Images</h1>
    <div align="center">
        <button type="button" data-toggle="modal" data-target="#src_img_upload" class="btn btn-success btn-lg">Upload Image</button>
    </div>
    <br/>
    <div id="image_gallery">
    <?php
        $images = glob("host/*.*");
        foreach($images as $image)
        {
            echo '<a href="" onclick="on_callPhp()" ><img src="'.$image.'" alt="HTML5 Icon" style="width:200px;max-height:200px"></a>';
        }
    ?>
    </div>
</div>
    <br/>
<div id="src_img_upload" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Upload Multiple Files</h4>
            </div>
            <div class="modal-body">
                <form method="POST" id="upload_form">
                    <label>Select Multiple Image</label>
                    <input type="file" name="images[]" id="img_select" multiple>
                </form>
            </div>
        </div>
    </div>
</div>

我创建了一个onclick Javascript,以便在单击图像时显示警告。我想我需要用它来实现图像目录。

function on_callPhp()
    {
        var result="<?php php_func();?>";
        alert(result) ;
        return false
    }
<?php function php_func()
{

    echo "Image Clicked";

} ?>

我存储和显示图片的php是:

<?php 
 $output = '';  
 if(is_array($_FILES))  
 {  
      foreach($_FILES['images']['name'] as $name => $value)  
      {  
           $file_name = explode(".", $_FILES['images']['name'][$name]);  
           $allowed_extension = array("jpg", "jpeg", "png", "gif");  
           if(in_array($file_name[1], $allowed_extension))  
           {  
                $new_name = rand() . '.'. $file_name[1];  
                $sourcePath = $_FILES["images"]["tmp_name"][$name];  
                $targetPath = "path/".$new_name;  
                move_uploaded_file($sourcePath, $targetPath);  
           }  
      }  
      $images = glob("path/*.*");  
      foreach($images as $image)  
      {  
           $output .= '<div class="col-md-2" align="center" ><a href="" onclick="on_callPhp()" ><img src="'.$image.'" width="150px" max-height="150px" style="border:1px solid #ccc;" /></a></div>';  

      }  
      echo $output;  
 }  
 ?>

我从不同的来源拼凑了这些,直到现在它似乎工作正常。我无法克服下一个障碍。

任何帮助都将不胜感激,我为任何blatent疏忽/错误道歉,因为我对此很陌生。

0 个答案:

没有答案