上传头像问题 求大神前来指导。。。。。。。。。。

Question

HTML + JS 实现上传头像功能
问题1：怎么在选择头像后、点击上传之前 在页面上显示所选择的图片！
问题2：怎么限制选择的文件类型必须是图片类型
问题3：怎么实现点击选择图片弹出窗口 JS
问题有点多 请大家见谅！！如果有源码当然再好不过了。上传图片JSHTML预览源代码

Answer 1

Ajax上传图片  返回信息至于限制，就更简单了，获取文件格式，判断一下
、你说的这些 都可以百度一下解决  插件多的很

Answer 2

上传图片之前只能用js判断了，用js取得上传的文件名，对文件名进行判断，貌似只能做到这一步了。

Answer 3

想弄跟咱们CSDN上传头像一样的效果

Answer 4

上传之前显示图片，貌似要用flash上传吧。
js获取要上传的图片完整路径好麻烦的，不一定取的到

Answer 5

你网上搜一下，有一个上传头像自带裁剪，好像有个demo吧，我之前用过，挺简单的，这一时半会我也找不到了

Answer 6

其实简单点就是用ifram做上传,他的父类做接收就好了

Answer 7

求源码、类似csdn的上传就可以

Answer 8

<div><span>资质图片：</span><input type="file" size="50" onchange="return Check_show(this);" /><span><img  height="108" width="148" /></span></div>function pic_type(str) {
          if (/\.(JPEG|jpeg|JPG|jpg|GIF|gif|BMP|bmp|PNG|png)$/.test(str))
          { return true }
          else
          { return false }
      }      function Check_show(oObj) {
          var sSrc = oObj.value;
          if (!pic_type(sSrc)) {
              alert('图片格式不正确！');
              return false;
          }          oObj.select();          var oSpan = oObj.parentNode.childNodes[2];          if (oObj.files && oObj.files[0]) {
              var srcs = window.URL.createObjectURL(oObj.files[0]);
              oObj.parentNode.childNodes[2].innerHTML = '<img src="' + srcs + '" onload="autoSize(this,148,108);" width="148" height="108" />';
          }
          else if (oObj.filters) {
              if (oSpan.childNodes[0])
                  oSpan.removeChild(oSpan.childNodes[0]);
              oSpan.filters["DXImageTransform.Microsoft.AlphaImageLoader"].src = document.selection.createRange().text;
          }
      }试试..

Answer 9

你的意思是点击选择头像，然后显示在网页上面，裁剪，点击保存，对吗，这个用fileupload就可以了

Answer 10

我的file空间是隐藏的  document.selection.createRange().text 获取不到  
怎么破！！！！！

Answer 11

为了效果我把<input type="file"> 隐藏了  这样 document.selection.createRange().text 就获取不到图片的路径了  怎么办！！！！！！

Answer 12

上传头像简单，上传前预览就不容易，很多浏览器不支持，最好的办法就是用flash

Answer 13

晕死！如果是web的，那么你把页面“另存为”下来就全“开源”了，你自己看代码呗。还“求”什么？