• dev uploadcontrol 上传图片


    <script type="text/javascript">
    // <![CDATA[
    function Uploader_OnUploadStart() {
    btnUpload.SetEnabled(false);
    }
    function Uploader_OnFileUploadComplete(args) {
    var imgSrc = aspxPreviewImgSrc;
    if (args.isValid) {
    var date = new Date();
    imgSrc = "/UploadImages/" + args.callbackData + "?dx=" + date.getTime();
    }
    getPreviewImageElement().src = imgSrc;
    }
    function Uploader_OnFilesUploadComplete(args) {
    UpdateUploadButton();
    }
    function UpdateUploadButton() {
    btnUpload.SetEnabled(uploader.GetText(0) != "");
    }
    function getPreviewImageElement() {
    return document.getElementById("previewImage");
    }
    // ]]>
    </script>

    <script type="text/javascript">
    // <![CDATA[
    var aspxPreviewImgSrc = getPreviewImageElement().src;
    // ]]>
    </script>

    <!--添加图片-->
    <table style=" 500px;padding-left:20px;">
    <tr>
    <td style="300px">
    <dx:ASPxUploadControl ID="uplImage" runat="server" ClientInstanceName="uploader" ShowProgressPanel="True"
    NullText="Click here to browse files..." Size="35" OnFileUploadComplete="uplImage_FileUploadComplete">
    <ClientSideEvents FileUploadComplete="function(s, e) { Uploader_OnFileUploadComplete(e); }"
    FilesUploadComplete="function(s, e) { Uploader_OnFilesUploadComplete(e); }"
    FileUploadStart="function(s, e) { Uploader_OnUploadStart(); }"
    TextChanged="function(s, e) { UpdateUploadButton(); }"></ClientSideEvents>
    <ValidationSettings MaxFileSize="4194304" AllowedFileExtensions=".jpg,.jpeg,.jpe,.gif,.png">
    </ValidationSettings>
    </dx:ASPxUploadControl>
    </td>
    <td style="100px">
    <dx:ASPxButton ID="btnUpload" runat="server" AutoPostBack="False" Text="Upload" ClientInstanceName="btnUpload"
    Width="100px" ClientEnabled="False" Style="margin: 0 auto;">
    <ClientSideEvents Click="function(s, e) { uploader.Upload(); }" />
    </dx:ASPxButton>
    </td>
    </tr>
    </table>
    <table style=" 500px">
    <tr>
    <td style="padding-right: 20px; vertical-align: top;"></td>
    <td class="imagePreviewCell">
    <img src="../Content/ImagePreview.gif" id="previewImage" alt="" style=" 490px; height: 200px;" /></td>
    </tr>
    </table>

    后台代码:

    string UploadDirectory = "/UploadImages/";
    string ThumbnailFileName = Guid.NewGuid().ToString();
    protected void uplImage_FileUploadComplete(object sender, DevExpress.Web.ASPxUploadControl.FileUploadCompleteEventArgs e)
    {
    ThumbnailFileName += e.UploadedFile.FileName;
    e.CallbackData = SavePostedFile(e.UploadedFile);
    }
    string SavePostedFile(UploadedFile uploadedFile)
    {
    if (!uploadedFile.IsValid)
    return string.Empty;
    string fileName = Path.Combine(MapPath(UploadDirectory), ThumbnailFileName);
    uploadedFile.SaveAs(fileName);
    Session["pathpicture"] = UploadDirectory+ThumbnailFileName;
    return ThumbnailFileName;
    }

  • 相关阅读:
    集成学习值Adaboost算法原理和代码小结(转载)
    集成学习原理小结(转载)
    2019阿里校招测评题,光明小学完全图最短路径问题(python实现)
    第八节、图片分割之GrabCut算法、分水岭算法
    Scala2.11.8 spark2.3.1 mongodb connector 2.3.0
    spark 实现动态日期读取
    Idea 201601注册码
    linux下的crontab服务
    spark MySQL jar 包
    scala 日期格式转换
  • 原文地址:https://www.cnblogs.com/zhang-wenbin/p/5891421.html
Copyright © 2020-2023  润新知