作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
大家好,我正在使用下面的代码上传图像而不刷新页面,效果很好。但是我想使用 php 并回显 javascript,但双引号或单引号出现问题...检查下面的代码
<script>
function ajaxFileUpload(upload_field)
{
var re_text = /\.jpg|\.gif|\.jpeg/i;
var filename = upload_field.value;
if (filename.search(re_text) == -1) {
alert("File should be either jpg or gif or jpeg");
upload_field.form.reset();
return false;
}
document.getElementById("picture_preview").innerHTML = "<div><img src="images/ajax-loader.gif" border="0" /></div>";
upload_field.form.action = "upload-picture.php";
upload_field.form.target = "upload_iframe";
upload_field.form.submit();
upload_field.form.action = "";
upload_field.form.target = "";
return true;
}
</script>
<style>
#picture_preview img {
height:150px;
border:2px dotted #666666;
}
</style>
<div id="picture_preview" class="myclass"></div>
<!-- iframe used for ajax file upload-->
<!-- debug: change it to style="display:block" -->
<iframe name="upload_iframe" id="upload_iframe" style="display:none;"></iframe>
<!-- iframe used for ajax file upload-->
<form name="pictureForm" method="post" autocomplete="off" enctype="multipart/form-data">
<div>
<span>Upload Picture :</span>
<input type="file" name="picture" id="picture" onchange="return ajaxFileUpload(this);" />
<span id="picture_error"></span>
</div>
</form>
我尝试像这样回显 JavaScript 代码:
<?php
echo '
<script>
function ajaxFileUpload(upload_field)
{
var re_text = /\.jpg|\.gif|\.jpeg/i;
var filename = upload_field.value;
if (filename.search(re_text) == -1) {
alert("File should be either jpg or gif or jpeg");
upload_field.form.reset();
return false;
}
document.getElementById("picture_preview").innerHTML = "<div><img src="images/ajax-loader.gif" border="0" /></div>";
upload_field.form.action = "upload-picture.php";
upload_field.form.target = "upload_iframe";
upload_field.form.submit();
upload_field.form.action = "";
upload_field.form.target = "";
return true;
}
</script>';
?>
我在这一行遇到错误:
document.getElementById("picture_preview").innerHTML = "<div><img src="images/ajax-loader.gif" border="0" /></div>";
最佳答案
And i got error at this line:`
document.getElementById("picture_preview").innerHTML = "<div><img src="images/ajax-> loader.gif" border="0" /></div>";
首先,你没有逃避双引号......
document.getElementById("picture_preview").innerHTML = "<div><img src=\"images/ajax-loader.gif\" border=\"0\" /></div>";
Ref
在大多数/所有编程语言中,你不能做这样的事情:
var = "John said "hello" and I said "hello to you too!"";
您需要使用 double 和单精度的组合来交替引用,如下所示:
var = 'John said "hello" and I said "hello to you too!"';
...或转义你的引言,如下所示:
var = "John said \"hello\" and I said \"hello to you too!\"";
关于javascript - 上传图片而不刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20691656/
我有以下正则表达式 /[a-zA-Z0-9_-]/ 当字符串只包含从 a 到z 大小写、数字、_ 和 -。 我的代码有什么问题? 能否请您向我提供一个简短的解释和有关如何修复它的代码示例? //var
我是一名优秀的程序员,十分优秀!