如何在数据库中输入input type = file中设置值

时间：2016-03-12 10:39:38

标签： php html 

<div class="modal fade validate" id="modal-6">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Edit Advertisement</h4>
        <label class="idhere"><?php echo $id;?></label>
      </div>
      <?php $sel = $d->select('advertisements','ad_id=12');
      while($result = mysqli_fetch_assoc($sel)){
      ?>
      <div class="modal-body">
        <div class="row">
          <div class="form-group col-md-6">
            <label class="control-label">Title</label>
            <input class="form-control" value="<?php echo $result['title'];?>" name="advertise_title" data-validate="required" data-message-required="Please Enter Title" placeholder="Enter Title" type="text">
          </div>
          <div class="form-group col-md-6">
            <label class="control-label">URL</label>
            <input class="form-control" name="advertise_url" value="<?php echo $result['url'];?>" data-validate="required" data-message-required="Please Enter URL" placeholder="Enter URL" type="text">
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group no-margin">
              <label for="description" class="control-label">Description</label>
              <textarea class="form-control autogrow" id="description" name="advertise_desc" placeholder="Describe Description Regarding Query">
                  <?php echo trim($result['description']); ?>
              </textarea>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="form-group col-md-6">
            <label class="control-label">Image Upload</label>
            <div>
              <div class="fileinput fileinput-new" data-provides="fileinput">
                <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;" data-trigger="fileinput"> 
                    <img src="<?php echo $result['photo']; ?>">
                    <!-- <img src="images/thumbnail.jpeg" alt="...">  -->
                </div>
                <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
                <div> 
                    <span class="btn btn-white btn-file"> 
                        <span class="fileinput-new">Select image</span> 
                        <span class="fileinput-exists">Change</span>
                        <input type="file" name="advertise_photo" accept="image/*" >
                    </span> 
                    <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Remove</a> 
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
            <div class="form-group col-md-6">
                <label class="control-label">Active Flag</label>
                <input type="checkbox">
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-info">Send</button>
        <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
    </div>
    <?php } ?>
    </div>
  </div>
</div>

我无法从数据库设置input type = file的值， 如果图像退出，则出现更改按钮而不是选择图像。 当我选择新文件时，它正常工作，并出现更改和删除按钮而不是选择文件。 请帮我解决一下。

1 个答案:

答案 0 :(得分：0)

注意：上述问题是this问题的连续问题所以以下答案也是this回答的连续问题

您可以跳过<label class="idhere"><?php echo $id;?></label>

JS中的

你需要的是一个ajax调用方法，用于从<?php $id;?>获取数据库中的数据并以模态显示

$(document).ready(function() {
  $('#modal-6').on('shown.bs.modal', function(e) {
    var id = $(e.relatedTarget).data('id');
    $.ajax({
        type : 'post',
        url : 'file.php', //Here you will fetch records or images
        data :  'id='+ id, //Pass id
        success : function(data){
            $('#fetched-data').html(data);//Show fetched data from database
        }
    });
  });
});

模态HTML将

<div class="modal fade validate" id="modal-6">
  <div class="modal-dialog">
    <div class="modal-content">
        <div id="fetched-data"></div>
    </div>
  </div>
</div>

和file.php将是

<?php
//database connection
if($_POST['id']) {
     $id = $_POST['id']; //escape the string
    //run query
    //fetch data from database
    //poplutae the HTML with values
?>
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">Edit Advertisement</h4>
  </div>
  <?php $sel = $d->select('advertisements','ad_id=12');
  while($result = mysqli_fetch_assoc($sel)){
  ?>
  <div class="modal-body">
    <div class="row">
      <div class="form-group col-md-6">
        <label class="control-label">Title</label>
        <input class="form-control" value="<?php echo $result['title'];?>" name="advertise_title" data-validate="required" data-message-required="Please Enter Title" placeholder="Enter Title" type="text">
      </div>
      <div class="form-group col-md-6">
        <label class="control-label">URL</label>
        <input class="form-control" name="advertise_url" value="<?php echo $result['url'];?>" data-validate="required" data-message-required="Please Enter URL" placeholder="Enter URL" type="text">
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="form-group no-margin">
          <label for="description" class="control-label">Description</label>
          <textarea class="form-control autogrow" id="description" name="advertise_desc" placeholder="Describe Description Regarding Query">
              <?php echo trim($result['description']); ?>
          </textarea>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="form-group col-md-6">
        <label class="control-label">Image Upload</label>
        <div>
          <div class="fileinput fileinput-new" data-provides="fileinput">
            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;" data-trigger="fileinput"> 
                <img src="<?php echo $result['photo']; ?>">
                <!-- <img src="images/thumbnail.jpeg" alt="...">  -->
            </div>
            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px"></div>
            <div> 
                <span class="btn btn-white btn-file"> 
                    <span class="fileinput-new">Select image</span> 
                    <span class="fileinput-exists">Change</span>
                    <input type="file" name="advertise_photo" accept="image/*" >
                </span> 
                <a href="#" class="btn btn-orange fileinput-exists" data-dismiss="fileinput">Remove</a> 
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
        <div class="form-group col-md-6">
            <label class="control-label">Active Flag</label>
            <input type="checkbox">
        </div>
    </div>
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-info">Send</button>
    <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
</div>
<?php } } ?>

根据@devpro的建议，您需要<form></form>来编辑/更新模态中的填充数据。

相关问题
最新问题