HI Image is not render after upload in picbox

[kartikdanidhariya]

hi, i am using Simple-Ajax-Uploader in my project it works fine but after uploading image it will show picbox for preview picbox is not shown

my html file is

{% extends "base.html" %}

{% block content %}

  <div class="container">
    <div class="page-header">
      <h1>Simple Ajax Uploader</h1>
      <h3>Basic Example</h3>
    </div>
      <div class="row" style="padding-top:10px;">
        <div class="col-xs-2">
          <button id="uploadBtn" class="btn btn-large btn-primary">Choose File</button>
        </div>
        <div class="col-xs-10">
      <div id="progressOuter" class="progress progress-striped active" style="display:none;">
        <div id="progressBar" class="progress-bar progress-bar-success"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
        </div>
      </div>
      <div id="picbox"></div>
        </div>
      </div>
      <div class="row" style="padding-top:10px;">
        <div class="col-xs-10">
          <div id="msgBox">
          </div>
        </div>
      </div>
  </div>

{% endblock %}

how can i display image after upload in that

[phy25]

According to your code, after uploading only text will be shown. You have to handle this by yourself, because this plugin doesn't provide direct method to access the image content.

You can:

• Show <img> with remote URL
• Show <img> with base64 after you read the content of the image locally