Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Làm cách nào tôi có thể xem bản xem trước của hình ảnh đã tải lên (không!) và sau đó lưu địa chỉ của nó?

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 13:13:40 27 4
mua khóa gpt4 Nike

Tôi muốn tải hình ảnh lên nhưng trước tiên tôi muốn xem bản xem trước của hình ảnh và sau đó khi người dùng nhấp vào hình ảnh khác nút asp , lưu hình ảnh.

Đối với phần xem trước tôi sử dụng đoạn mã sau:




    jQuery(document).ready(function ($) {
        $('#image').on('change', function (sự kiện) {

            var image = this.files[0]; 
            $('#singlePreview').html(''); 
            var reader = FileReader mới();

            reader.onload = hàm (e) { 
                $('Đang tải..').appendTo($('#singlePreview' ));
            }

            reader.readAsDataURL(hình ảnh);
        });
    });

& ở định dạng HTML:


     hình ảnh


Nhưng bây giờ tôi không biết cách lưu URL hình ảnh đã tải lên. Vì tôi không biết gì về JavaScript hoặc jquery...

Tôi biết this.files[0] là địa chỉ của tôi Nhưng tôi muốn sử dụng nó ở mã phía sau (C#).

câu trả lời hay nhất

Bạn có thể gọi ajax để tải ảnh lên

 // tập tin var;
    
    $('#image').on('change', function (sự kiện) {
        var image = this.files[0]; 
        $('#singlePreview').html(''); 
        var reader = FileReader mới();
        
        reader.onload = hàm (e) { 
            $('Đang tải..').appendTo($('#singlePreview' ));
        }
        reader.readAsDataURL(hình ảnh);
        //file=this.files[0];
    });
    
    // Đây là nút bấm của bạn
    $("#btnUpload").on('click',function(){
           uploadFile();
    });
    
    hàm uploadFile() {
         var formData = new FormData();
         formData.append('file', $('#image')[0].files[0]);
    
          $.ajax({
                type: 'post',
                url: 'pathTo/genericHandler.ashx',
                dữ liệu: biểu mẫuData,
                thành công: chức năng (trạng thái) {
                     cảnh báo ("Thành công")
                     },
                 hàm lỗi (trạng thái) {
                     cảnh báo ("Không thành công!");
                     },
                quá trìnhData: sai,
                loại nội dung: sai
            });
    }

Code-behind: Trước tiên, bạn cần thêm một trình xử lý chung (tệp ashx) vào ứng dụng của mình. Đoạn mã dưới đây sẽ lưu tập tin đã tải lên

public void ProcessRequest(ngữ cảnh httpContext)
{
    context.Response.ContentType = "text/plain";
    thử
    {
        chuỗi dirFullPath = HttpContext.Current.Server.MapPath("~/MediaUploader/");
        tập tin chuỗi [];
        int numFiles;
        tập tin = System.IO.Directory.GetFiles(dirFullPath);
        numFiles = files.Length;
        numFiles = numFiles + 1;

        chuỗi str_image = "";

        foreach (chuỗi str trong context.Request.Files)
        {
            Tệp HttpPostedFile = context.Request.Files[str];
            chuỗi fileName = file.FileName;
            chuỗi fileExtension = file.ContentType;
            if (!string.IsNullOrEmpty(fileName))
            {
                fileExtension = Path.GetExtension(fileName);
                str_image = "MyPHOTO_" + numFiles.ToString() + fileExtension;
                chuỗi pathToSave = HttpContext.Current.Server.MapPath("~/MediaUploader/") + str_image;
                file.SaveAs(pathToSave);
            }
        }
        // logic cập nhật bản ghi cơ sở dữ liệu tại đây ()
        bối cảnh.Response.Write(str_image);
    }
    bắt (Ngoại lệ ac) 
    { 
    
    }
}

Về javascript - Làm cách nào tôi có thể xem bản xem trước của hình ảnh đã tải lên (không!) Và sau đó lưu địa chỉ của nó? , chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/30571459/

27 4 0
Bài viết khuyến nghị: html - thay đổi đoạn khi di chuột chỉ bằng css
Bài viết khuyến nghị: Các đối tượng (của các lớp) được lưu trữ trong C++ ở đâu (trong đoạn bộ nhớ nào)?
Bài viết khuyến nghị: Làm cách nào để tạo iFrame bên cạnh iFrame khác?
Bài viết khuyến nghị: Làm cách nào để in hình ảnh tiff bằng javascript?
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress