原生js图片剪裁上传

所属分类:输入-上传

 8636  39  查看评论 (5)
分享到微信朋友圈
X
原生js图片剪裁上传 ie兼容11
相关插件-上传

jQuery h5拖拽多文件上传

可用input控件选择文件,也可以拖拽文件,可以一次上传多个文件,测试需要后台配合,支持失败重传,支持过滤文件类型,文件大小,及同一文件重复上传。
  上传
 90117  528

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 82042  381

jQuery图片上传预览支持拖拽

上传单个图片,同时支持将图片拖拽在框中
  上传
 65965  421

图片上传插件

图片上传插件
  上传
 88059  392

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Blueline 0
    2021/4/16 21:12:46
    不能上传
        Blueline0
        2021/4/16 21:13:26
        缺少upload.php
        西瓜0
        2021/4/16 21:26:19

        自己写啊!

        <?phpheader("Content-type:text/html;charset=utf-8");
        print_r($_FILES['file']);
        $filename=$_FILES['file']['name'];
        if(!$_FILES['file']['error'])
        {
              if(move_uploaded_file($_FILES['file']['tmp_name'],"./upload/".$filename))
               {
                      echo  "文件上传成功";
                }else{
                       echo  "文件上传失败";
                  }
        }else{
              echo  "文件上传错误";
          }
        ?>
        Blueline0
        2021/4/17 17:55:51
        咋配合这个upload.php才能上传,
        下载这个演示代码,配合你这段代码,改不成上传图片功能
        新手,望指点,万分感谢!
        西瓜0
        2021/4/18 0:45:08
        /**
         * 上传
         */
        // 自封装纯js ajax post 上传方法
        function jsPost(url, data, s, e) {
            var xhr = new XMLHttpRequest();
            xhr.open('POST', upload.php);//这里注意调用的路径要正确
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4) {
                    if (xhr.status == 200 || xhr.status == 304) {
                        s(xhr.responseText);
                    } else if (xhr.status >= 400) {
                        e(xhr.responseText);
                    }
                }
            }
            xhr.send(data);
        }
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复