我选择使用Jasny Bootstrap来显示文件预览.
<div class="fileinput fileinput-new" data-provides="fileinput">
<div>
<span class="btn btn-primary btn-file"><span class="fileinput-new"><span class="fa fa-camera"></span> Image 3</span>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"></div>
<input type="file" name="file" class="ephoto-upload" accept="image/jpeg"></span>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想在选择图像后立即通过ajax开始提交此图像.我正在使用以下代码.
<script>
$('.ephoto-upload').change(function(){
if($(this).val()!='') {
var formData = new FormData();
formData.append('file', $(this)[0].files[0]);
$.ajax({
url: '/path/to/upload',
type: 'POST',
data: formData,
async: false,
success: function (r) {
if(r.success) {
//success work
}
},
cache: false,
contentType: false,
processData: false
});
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
上传工作正常,但是在完成ajax上传后会显示图像预览.有时页面会冻结,并在显示预览后显示.但是我想在选择图像后立即显示预览,并在显示所选图像后,Ajax得到执行.
jquery twitter-bootstrap twitter-bootstrap-3 jasny-bootstrap
假设我有一个页面http://example.com/page1
我在这里登录了facebook链接.
另外在另一页,第2页,我已经在Facebook上放置了登录链接.
我想要的是,在第1页上用facebook链接点击登录后,它应该重定向到page1,并且在第2页上点击登录链接时,它应该重定向到Page2.
现在,它总是重定向到'example.com/'.
我正在使用Hwioauthbundle与Symfony2中的fosuserbundle集成