当前位置:学习生活->编程学习->如何实时的根据上传的图片显示图片的略缩图

原创版权标志如何实时的根据上传的图片显示图片的略缩图

作者:阿郎  发表时间:2017/1/4 19:07:40  阅读:
[摘要] 如何实时的根据上传的文件名来上传文件,并且不引起页面刷新?传统的ajax与MVC提供的的ajax均不能满足要求,什么要求?那就是获取表单中的文件流信息。
文章来源:C++技术网原创文章版权所有,会员文章禁止转载。非会员文章转载做好本文超链接即表示授权转载。通过文章下面的分享按钮可以自由分享所有文章。
学习过程中遇到的一个问题:实时的显示出上传的图片,越发的觉得自己不适合做前端,还是专注于后台吧,不过前端又不能不会,表示很无奈。

记下笔记:
<script type="text/javascript">
 $(function () {
 $("#file1").change(function () {
 var file = this.files[0];

 if (this.files && file) {
 var reader = new FileReader();

 reader.onload = function (e) {
 $("#img1").attr('src', e.target.result);
 $("#img1").attr('width', 400);
 $("#img1").attr("height", 450);
 }
 reader.readAsDataURL(file);
 }
 });
 });
</script>

另外,经过我的测试与研究,传统的ajax与微软ASP.NET MVC中的渐进式ajax均不能获取上传的文件流信息(如果我没有测试错的话),只能依靠其他的插件来完成这样工程。我采用的是form.js,但是很遗憾,没有做出来,不知道为什么,一直调试也没有检查出错误。以后在研究吧。
文章来源:C++技术网原创文章版权所有,会员文章禁止转载。非会员文章转载做好本文超链接即表示授权转载。通过文章下面的分享按钮可以自由分享所有文章。


返回顶部

在线提问
问题标题:
问题描述:(简陋的描述会导致问题被最后回答、没有针对性回答甚至无法解答。请确保问题描述的足够清楚。)

C++技术网群幕群聊

弹幕