我需要预览上传之前的图像。我能够将文件路径从视图传递到控制器,在控制器中使用内存流类我试图在保存前预览图像它到数据库。任何人都可以给我提供任何示例或示例 谢谢!如何在上传之前使用内存流预览图像
0
A
回答
4
<script type="text/javascript">
function readfile(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#image_preview').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
<form id="form1">
<input type='file' onchange="readfile(this);" />
<img id="image_preview" src="#" alt="your image" width="200" height="200"/>
</form>
我创造斌还尝试使用此链接http://codebins.com/codes/home/4ldqpc4
+0
感谢您的解决方案,我已经实现了这个解决方案,它的工作正常与FF和铬浏览器,并且我想实现使用服务器端脚本为IE9。幸运的是我解决了我的问题:-) – SahithiPinisetty
+0
请问你是如何使用IE ? – jpo
1
相关问题
- 1. 在上传多个图像之前预览图像上传
- 2. 的JavaScript - 图像预览之前上传
- 3. 上传之前的预览图像
- 4. 上传之前使用FileReader预览图像,旋转图像
- 5. 上传前预览图像?
- 6. 在上传之前使用jquery预览图像
- 7. 如何在HTML上传之前预览图像?
- 8. 如何在上传之前从用户裁剪图像/预览图像?
- 9. 如何在上传前使用ng-file-upload预览图像
- 10. 使用Carrierwave上传之前的预览图像
- 11. 如何在上传之前使用JavaScript或jQuery来预览图像?
- 12. 将图像预览上传到服务器之前显示图像预览
- 13. 如何在上传之前在各种浏览器中预览图像
- 14. 在IE9上传之前显示图像的预览图
- 15. 上传之前的预览图
- 16. 在上传之前预览图像并将其裁剪
- 17. Rails + javascript - 上传前的图像预览
- 18. ASPxUploadControl - 上传前预览图像?
- 19. 一个以上的图像预览jQuery函数之前上传
- 20. Django - 在决定保存之前预览上传的图片
- 21. 在使用javascript上传之前在弹出窗口中预览图像
- 22. 在上传之前上传多个文件图像并在jQuery中预览
- 23. 在jQuery上传到数据库之前,如何上传带有进度条和图像预览的图像?
- 24. 在上传之前预览字体
- 25. 在上传之前预览SWF文件
- 26. 如何删除预览图像只有一个之前上传在asp.net c#
- 27. 如何上传预览图像?
- 28. 在上传之前预览图像时获取通过标识的图像
- 29. 如何在上传前预览动态上传的图片?
- 30. 如何在表单提交div前使用jquery显示上传图像预览
请完善你的问题,因此是不可能回答:标记您正在使用的语言,阐明“文件路径”指向的位置(本地用户计算机文件路径,服务现有文件的r侧路径,临时文件的服务器端路径,其他路径?)。 –
我正在使用asp.net mvc3。路径是本地用户机器文件路径,它是“C:/foldername/imagename.jpg”。我需要使用服务器端脚本在上传前预览图像。@ Alexeli Levenkov – SahithiPinisetty
请编辑您的问题以上信息,并指定语言(VB.Net,IronPython ...)。注意:本地文件路径对于服务器端脚本并不完全有用,因为服务器显然无法访问用户计算机上的文件。如何/为什么你得到这个服务器的路径? –