繁体   English   中英

将处理后的图像上传到服务器

upload a processed image into server

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用imageFX处理上传的图像,并在将其处理到服务器中之后将其保存。imageFX是一个javascript库,它将图像转换为经过处理的画布,我想做的就是拿走画布并使用AJAX将其上传到我的服务器中,但是我收到错误响应,这是我的代码:

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/pixastic/pixastic.core.js" type="text/javascript"></script>
<script src="Scripts/pixastic/desaturate.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {

        $("#save").click(function () {

            var image = document.getElementById("filterimage").toDataURL("image/png");
            image = image.replace('data:image/png;base64,', '');
            alert(image);
            $.ajax({
                type: 'POST',
                url: "ImageFxExample.aspx/UploadImage",
                data: '{ "imageData" : "' + image + '" }',
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (msg) {
                    alert('Image saved successfully !');
                },
                error: function () {
                    alert("error!!");
                }
            });
        });

    });
   </script>
 <script type="text/javascript">

     function strfilter(filter) {
         var img = document.getElementById("<%=filterimage.ClientID %>");
         Pixastic.process(img, filter);
         document.getElementById("save").style.display = "block";
     }
   </script>

标记:

    <asp:FileUpload ID="fileUpload" runat="server"   />
    <asp:Button ID="upload_btn" runat="server" onclick="upload_btn_Click" Text="upload" />
    <asp:Image ID="filterimage" runat="server" ImageUrl="" />

服务器端 :

protected void upload_btn_Click(object sender, EventArgs e){
    string folderPath = "UploadedImage/";
    string imageName = fileUpload.FileName;
    string saveLocation = Server.MapPath(folderPath) + imageName;
    fileUpload.SaveAs(saveLocation);
    filterimage.ImageUrl = folderPath + imageName;
}

[WebMethod()]
public static void UploadImage(string imageData){
    string Path = "UploadedImage/";
    string folderPath = HttpContext.Current.Server.MapPath(Path);
    string fileNameWitPath = folderPath + DateTime.Now.ToString().Replace("/", "-").Replace(" ", "- ").Replace(":", "") + ".png";

    FileStream fs = new FileStream(fileNameWitPath, FileMode.Create);
    BinaryWriter bw = new BinaryWriter(fs);

    byte[] data = Convert.FromBase64String(imageData);

    bw.Write(data);
    bw.Close();
}

如果我在不使用上传的情况下为filterimage放置了一个简单的imageUrl,它就可以正常工作,但是如果我使用了上传控件,它将无法正常工作,并且我得到了错误消息,请帮忙

1 个回复

我找到了正确的答案,它将图像转换为“ png” b4,您将其上传

protected void upload_btn_Click(object sender, EventArgs e)
{
    string folderPath = "UploadedImage/";
    string  imageName = fileUpload.FileName;

    string saveLocation = Server.MapPath(folderPath);
    string ext = Path.GetExtension(imageName);
   string name= imageName.Replace(ext, ".png");
   saveLocation = Server.MapPath(folderPath) + name;
    fileUpload.SaveAs(saveLocation);
    filterimage.ImageUrl = folderPath + name;
}
1 如何处理视频和图像上传到存储服务器?

我正在开发用户需要上传照片和图像的应用程序(使用Go或可能使用PHP)。 我已经在不同位置设置了两个ZFS(镜像)存储服务器,但是我对如何让用户最好地上传文件存有疑问。 ZFS处理配额和预留。 我在所有服务器上都运行了复制的Galera数据库,这既出于安全性考虑,也便于从每个服务器 ...

2 如何处理文件上传到专用图像服务器?

我有一个运行应用程序的网络服务器。 有一个表单的网页:一些文本数据和一个文件上传字段。 现在,我想拥有的是这样的: 将该文件发送到专用服务器,然后将其运行。 服务器应返回某种路径(或任何可标识上载和保存的文件并允许创建URL的路径)。 然后,此路径和用户填充的数据都应随应用程序一起提 ...

3 更改后如何将图像上传到服务器

我有一个输入标签,例如 OnChange,我想通过AJAX上传图像并将其保存在服务器中。 保存后,它应该显示在预览div中,在这里我可以使用jCrop进行裁剪,并在用户单击“提交”按钮时将其再次保存到服务器(裁剪后)。 如果您有更好的方法,请告诉我。 简而言之,我只想触发一 ...

4 Laravel Voyager 图像上传到服务器后损坏

Laravel 版本:5.5 Voyager 版本:1.0 PHP 版本:7 我已经在 cPanel 中上传了我的 Laravel 项目。 以前的图像已成功显示,但新添加的图像未显示。 在上传到 cPanel 之前,最后 2 张图像已经在项目中。 在 cPanel 中成功上传项目后,我尝试 ...

5 改装后将位图图像上传到服务器

从用户首选的应用(Cameta,Gallery等)中选择后,我必须上传一个图像文件。 我可以在Imageview中将结果意图显示为位图。 现在,我想在单击按钮后上传此图像。 我使用了改装。 然后按照ImagePicker类将图像收集到我的Imageview中。 收集图像代码: ...

6 将转换后的图像上传到服务器

在下面,您可以看到脚本,如果用户提供.jpg文件,则将其直接上传到服务器,但是当用户提供.png文件时,也将其上传然后将其转换为.jpg 。 我想知道的是如何将新转换的.jpg ( imagejpeg($output, $output_file) )上传到我的服务器。 我move_up ...

2015-01-14 13:47:39 1 52   php
7 拖放后如何将图像上传到服务器

我有整个拖放工作,但你如何将其上传到服务器? 我可以得到图像的dataURL,它是一些base64编码。 有没有办法将其上传到我的servlet以及servlet将如何接受它? 本教程很有帮助,但缺少上传部分。 我也查看了其他JQuery插件,这些插件似乎是定制的,并且很重要。 ...

9 AngularJS Uncaught SyntaxError上传到服务器后

将我的应用上传到客户端服务器进行测试后,出现以下错误 我已经上传了完整的应用程序文件夹,由于所有文件都已上传,所以找不到任何丢失的文件...我想知道是否有人可以通过告诉我这里缺少的内容来帮助我? 注意:该应用程序在开发机器上可以完美运行,没有错误。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM