设置输入图像默认值

时间:2017-04-29 12:17:12

标签: javascript django

我想将输入标记的默认值设置为" http://websamplenow.com/30/userprofile/images/avatar.jpg"

背景图像没用.. 我正在使用django和bootstrap。

我的模板。



{% extends 'base.html' %}

{% block content %}
<style>
textarea.form-control {
  height: 500%;
}
</style>

<div class="container" style="padding-top: 60px;">
    <h1 class="page-header">Edit Profile</h1>
    <div class="row">
        <form class="form-horizontal" method="post" enctype="multipart/form-data">
            {% csrf_token %}
        <!-- left column -->
            <div class="col-md-2 hidden-xs">
                <img id="image" class="img-responsive img-thumbnail" />
                <input name="image" id="files" type="file" class="text-center well-xs">
            </div>

        <!-- edit form column -->
            <div class="col-md-8 col-sm-6 col-xs-12 personal-info">
                <div class="form-group">
                    <label class="col-md-3 control-label"></label>
                    <div class="col-md-8">
                        <button class="btn btn-primary" type="submit">submit</button>
                        <span></span>
                        <a class="btn btn-default" href="{% url 'soldier-list' %}">&nbsp;&nbsp;cancel&nbsp;&nbsp;</a>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>


<script>
	document.getElementById("files").onchange = function () {
    var reader = new FileReader();
    reader.onload = function (e) {
        // get loaded data and render thumbnail.
        document.getElementById("image").src = e.target.result;
    };
    // read the image file as a data URL.
    reader.readAsDataURL(this.files[0]);
};
</script>
{% endblock %}
&#13;
&#13;
&#13;

请帮帮我。 感谢。

1 个答案:

答案 0 :(得分:0)

出于安全原因,您不能这样做。如果可以,您可以在页面上创建不可见的文件输入并为其分配默认值,并可能在不知情的情况下从客户端上传图像。

在stackoverflow上查看此答案:How to set a value to a file input in HTML?