原生js图片剪裁上传

所属分类:输入-上传

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

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 117701  749

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 59879  382

h5拖拽文件图片上传插件

支持拖拽上传,拖拽排序,图片压缩的简单上传插件
  上传
 70414  496

jQuery多图上传插件imgUp.js

可以多图的上传,预览,并带删除功能
  上传
 126523  963

讨论这个项目(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);
        }
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复