我想让用户写一篇文章并通过它内联上传图片(就像 CMS 博客文章
)。
编写文件上传脚本很容易。但是允许“放置内联”按钮/功能被证明是棘手的。
是否有关于如何执行此操作的教程?
我正在使用一些 JavaScript 来允许它。此外,我不确定是否应该显示内联 tmp 图像或实际上传文件(使用单独的上传按钮而不是完整的表单上传按钮
)并在表单之前显示实际图像位置提交?我现在到处都是这个地方。
我应该怎么做?
谢谢。
最佳答案
使用此 Javascript 代码:
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
添加此 HTML:
<body>
<form id="form1" runat="server">
<input type='file' onchange="readURL(this);" />
<img id="blah" src="#" alt="your image" />
</form>
</body>
这是预览:http://jsbin.com/uboqu3/edit#javascript,html,live
我认为它可以帮助你。
关于php - 如何在上传前在表单中放置一个 "inline image"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9357695/