【今日/总数】文章:0/2774 用户:5/10791 书籍:0/200
回顾2016,喜迎2017,以“回顾我与C++技术网的2016,展望C++技术网的2017”为主题,发表文章,将有机会赢得2个月的会员或现金红包。

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

作者:阿郎  发表时间:2017/1/4 19:07:40  阅读:84
[摘要]如何实时的根据上传的文件名来上传文件,并且不引起页面刷新?传统的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++技术网 原创文章版权所有,未经授权,禁止转载。



返回顶部

关于我们 QQ群 广告服务 增值服务 捐款资助 版权声明 RSS订阅 站点地图 百度网站地图 意见反馈
鄂ICP备14001349号-2, Copyright © 2014-2017, CJJJS.COM/CJJJS.CN, All Rights Reserved

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