我正在尝试上传照片并在<img>
中显示,但它不起作用。 我正在使用Python和Django框架以及用户需要的自动生成表单。 我的JavaScript代码是从Here用javascript上传和预览图像
这里是我的代码,JavaScript和也HTML:
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#myimg').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#photoinput").change(function(){
readURL(this);
});
<form id="form1" runat="server">
<div name="imageholder" class="row tm-image-holder">
<div class="col-md-12" style="text-align: center">
<img id="myimg" src="#" style="height: 200px;text-align: center;">
</div>
</div>
<input id="photoinput" type="file" name="photo" href="#"
class="btn btn-block btn-lg btn-primary inout-margin mybut">
<input id="name" name="name0" type="text" class="add-input input-margin"
placeholder="Name, Mohammad, ... *">
<input id="job" name="job0" type="text" class="add-input"
placeholder="Job, Developer, Designer, ... *">
<textarea id="explain" name="explain0" class="add-textarea input-margin" rows="4"
placeholder="Explain this member in 2 to 4 lines *"></textarea>
</form>
是否有错误消息?你包括jQuery? – epascarello
不,它不显示任何在 –
添加名称图像,并尝试访问